::v-deep=>:deep()

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 {