::v-deep=>:deep()

packages/device/IntelligentSecurity/AppISDevice.vue

@@ -126,7 +126,7 @@ export default {
 
 <style lang="scss" scoped>
 .AppISDevice {
-  ::v-deep .AiSearchBar {
+  :deep( .AiSearchBar ){
     margin-bottom: 10px;
   }
 }

packages/device/IntelligentSecurity/AppISManage.vue

@@ -309,7 +309,7 @@
       display: flex;
       flex-direction: column;
 
-      ::v-deep .headerBar {
+      :deep( .headerBar ){
         display: flex;
         align-items: center;
         justify-content: flex-end;
@@ -465,13 +465,13 @@
       }
     }
 
-    ::v-deep.el-tree-node__content:hover {
+    :deep(.el-tree-node__content:hover ){
       .menuBtn {
         display: block;
       }
     }
 
-    ::v-deep .flexRow {
+    :deep( .flexRow ){
       flex: 1;
       min-width: 0;
       display: flex;

packages/device/IntelligentSecurity/AppISMap.vue

@@ -162,7 +162,7 @@ export default {
 
   }
 
-  ::v-deep .monitorDialog {
+  :deep( .monitorDialog ){
 
     .el-dialog__header {
       font-size: 14px;
@@ -199,11 +199,11 @@ export default {
     }
   }
 
-  ::v-deep .amap-logo, ::v-deep .amap-copyright {
+  :deep( .amap-logo), :deep( .amap-copyright ){
     display: none !important;
   }
 
-  ::v-deep .amap-marker-label {
+  :deep( .amap-marker-label ){
     border-color: transparent;
     box-shadow: 1px 1px 0 0 rgba(#999, .2);
   }

packages/device/IntelligentSecurity/components/deviceSlider.vue

@@ -178,7 +178,7 @@ export default {
     onChange() {
       this.$refs.deviceTree?.filter(this.search.name)
     },
-    
+
   },
 
   created() {
@@ -209,7 +209,7 @@ export default {
   .deviceList {
     overflow: auto;
 
-    ::v-deep .el-tree {
+    :deep( .el-tree ){
       width: -webkit-fit-content;
       width: -moz-fit-content;
       width: fit-content;
@@ -260,7 +260,7 @@ export default {
       gap: 4px;
       margin-bottom: 16px;
 
-      ::v-deep.el-input__inner {
+      :deep(.el-input__inner ){
         color: #fff;
       }
     }
@@ -274,17 +274,17 @@ export default {
       justify-content: space-between;
       align-items: center;
 
-      ::v-deep .el-button {
+      :deep( .el-button ){
         padding: 0 4px;
         height: 28px;
         background: #3E4A69;
       }
-      ::v-deep .el-button:hover {
+      :deep( .el-button:hover ){
         border: none;
       }
     }
 
-    ::v-deep.deviceList {
+    :deep(.deviceList ){
       padding: 0 8px;
 
       .el-scrollbar {
@@ -297,16 +297,16 @@ export default {
       }
     }
 
-    ::v-deep .el-progress__text, p {
+    :deep( .el-progress__text), p {
       color: #19D286;
     }
 
-    ::v-deep .el-input__inner {
+    :deep( .el-input__inner ){
       background: #282F45;
       border: none;
     }
 
-    ::v-deep .el-tree {
+    :deep( .el-tree ){
       background: transparent;
       color: #fff;
 
@@ -327,7 +327,7 @@ export default {
       }
     }
 
-    ::v-deep .el-input__icon {
+    :deep( .el-input__icon ){
       color: #89b;
     }
   }

packages/device/IntelligentSecurity/components/locateDialog.vue

@@ -120,7 +120,7 @@ export default {
     color: #999;
   }
 
-  ::v-deep .el-dialog__body {
+  :deep( .el-dialog__body ){
     padding: 0;
     height: 480px;
     position: relative;

packages/device/IntelligentSecurity/components/settingDialog.vue

@@ -76,7 +76,7 @@ export default {
     flex-wrap: wrap;
   }
 
-  ::v-deep .el-form-item {
+  :deep( .el-form-item ){
     width: 50%;
 
     .el-form-item__label {