::v-deep=>:deep()

packages/device/AppMonitor/AppMonitorDevice.vue

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

packages/device/AppMonitor/AppMonitorManage.vue

@@ -202,7 +202,7 @@ export default {
     display: flex;
     flex-direction: column;
 
-    ::v-deep .headerBar {
+    :deep( .headerBar ){
       display: flex;
       align-items: center;
       justify-content: flex-end;
@@ -255,13 +255,13 @@ export default {
     }
   }
 
-  ::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/AppMonitor/AppMonitorMap.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/AppMonitor/components/deviceSlider.vue

@@ -178,7 +178,7 @@ export default {
       gap: 4px;
       margin-bottom: 16px;
 
-      ::v-deep.el-input__inner {
+      :deep(.el-input__inner ){
         color: #fff;
       }
     }
@@ -192,18 +192,18 @@ 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 ){
       .el-scrollbar {
         height: 100%;
 
@@ -214,16 +214,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;
 
@@ -232,7 +232,7 @@ export default {
       }
     }
 
-    ::v-deep .el-input__icon {
+    :deep( .el-input__icon ){
       color: #89b;
     }
   }

packages/device/AppMonitor/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 {