::v-deep=>:deep()

packages/device/tutelage/AppTutlageMap/AppTutlageMap.vue

@@ -151,7 +151,7 @@
 import AMapLoader from '@amap/amap-jsapi-loader'
 import {mapState} from 'vuex'
 
-export default {  
+export default {
   name: 'AppTutlageMap',
   label: '监护地图',
   provide() {
@@ -395,7 +395,7 @@ export default {
                 this.defaultExpanded.push(item.parentId)
                 return true
               }
-              
+
               return false
             })
           }
@@ -955,7 +955,7 @@ export default {
             font-size: 15px;
           }
         }
-        ::v-deep .el-tree {
+        :deep( .el-tree ){
           .el-tree-node__content {
             height: 32px;
           }
@@ -971,7 +971,7 @@ export default {
             }
 
             background: #2266FF;
-            
+
             span {
               color: #fff;
               font-weight: normal;
@@ -979,7 +979,7 @@ export default {
           }
         }
 
-        ::v-deep .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
+        :deep( .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content ){
           .tree-user {
             color: #fff;
           }
@@ -991,7 +991,7 @@ export default {
           font-size: 14px;
         }
 
-        ::v-deep .el-tree {
+        :deep( .el-tree ){
           background: transparent;
         }
       }
@@ -1006,7 +1006,7 @@ export default {
           width: 80px;
           margin-right: 4px;
 
-          ::v-deep i {
+          :deep( i ){
             color: #8899bb;
           }
         }
@@ -1014,7 +1014,7 @@ export default {
         .el-input {
           width: 164px;
 
-          ::v-deep i {
+          :deep( i ){
             color: #8899bb;
           }
         }
@@ -1022,7 +1022,7 @@ export default {
     }
   }
 
-  ::v-deep .ol-zoom {
+  :deep( .ol-zoom ){
     display: none !important;
     top: inherit !important;
     bottom: 0.5em !important;
@@ -1037,11 +1037,11 @@ export default {
     height: 100%;
   }
 
-  ::v-deep .amap-logo, ::v-deep .amap-copyright {
+  :deep( .amap-logo), :deep( .amap-copyright ){
     display: none !important;
   }
 
-  ::v-deep .amap-icon {
+  :deep( .amap-icon ){
     width: 40px !important;
     height: 40px !important;
 
@@ -1247,7 +1247,7 @@ export default {
   }
 }
 
-::v-deep .polymeric {
+:deep( .polymeric ){
   display: flex;
   position: relative;
   align-items: center;
@@ -1313,7 +1313,7 @@ export default {
   }
 }
 
-::v-deep .mark{
+:deep( .mark){
   position: relative;
   user-select: none;
   cursor: pointer;
@@ -1519,11 +1519,11 @@ export default {
         }
       }
 
-      ::v-deep .el-input, ::v-deep input {
+      :deep( .el-input), :deep( input ){
         border: none;
       }
 
-      ::v-deep input {
+      :deep( input ){
         position: relative;
         flex: 1;
         height: 36px;