::v-deep=>:deep()

project/pingchang/apps/AppWishfulThinking/components/Add.vue

@@ -230,7 +230,7 @@ export default {
       this.$refs.form.validate((valid) => {
         if (valid) {
           this.instance.post(`/app/appclapeventinfopingchang/addOrUpdate`, {
-            ...this.form, 
+            ...this.form,
             groupName: this.dictList.filter(v => v.dictValue === this.form.groupId)[0].dictName,
           }).then((res) => {
             if (res.code == 0) {
@@ -262,13 +262,13 @@ export default {
       padding-left: 8px;
       color: #999;
     }
-    ::v-deep .el-range-separator {
+    :deep( .el-range-separator ){
       width: 28px!important;
     }
-    ::v-deep .el-date-editor {
+    :deep( .el-date-editor ){
       width: 100%;
     }
-    ::v-deep .mapDialog {
+    :deep( .mapDialog ){
       .el-dialog__body {
         padding: 0;
 
@@ -314,4 +314,4 @@ export default {
       }
     }
   }
-</style>
+</style>

project/pingchang/apps/AppWishfulThinking/components/Detail.vue

@@ -325,7 +325,7 @@ export default {
     align-items: center;
   }
 
-  ::v-deep .el-tree {
+  :deep( .el-tree ){
     background: transparent;
 
     .el-tree-node__expand-icon.is-leaf {
@@ -370,13 +370,13 @@ export default {
   }
 
   .el-steps {
-    ::v-deep .el-step__icon {
+    :deep( .el-step__icon ){
       font-size: 12px;
       color: #555555;
       border-color: #d0d4dc;
     }
 
-    ::v-deep .el-step__head.is-finish {
+    :deep( .el-step__head.is-finish ){
       .el-step__icon.is-text {
         border: none;
         color: #fff;
@@ -385,7 +385,7 @@ export default {
       }
     }
 
-    ::v-deep .el-step__line {
+    :deep( .el-step__line ){
       background-color: #d0d4dc;
     }
   }
@@ -411,18 +411,18 @@ export default {
     }
   }
 
-  ::v-deep .report-dialog {
+  :deep( .report-dialog ){
     .el-select {
       width: 100%;
     }
   }
 
-  ::v-deep .el-step__head.is-process {
+  :deep( .el-step__head.is-process ){
     color: #555;
     border-color: #555;
   }
 
-  ::v-deep .is-finish h2 {
+  :deep( .is-finish h2 ){
     color: #2266ff;
   }
 
@@ -441,7 +441,7 @@ export default {
     }
   }
 
-  ::v-deep .ai-detail__content {
+  :deep( .ai-detail__content ){
     background: #f3f6f9;
 
     .ai-detail__content--wrapper {
@@ -467,7 +467,7 @@ export default {
     }
   }
 
-  ::v-deep .el-card {
+  :deep( .el-card ){
     .el-card__header {
       padding: 12px 16px;
       font-weight: bold;