::v-deep=>:deep()

packages/conv/AppReportAiWill/components/Detail.vue

@@ -402,7 +402,7 @@ export default {
     align-items: center;
   }
 
-  ::v-deep .el-tree {
+  :deep( .el-tree ){
     background: transparent;
 
     .el-tree-node__expand-icon.is-leaf {
@@ -447,13 +447,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;
@@ -462,7 +462,7 @@ export default {
       }
     }
 
-    ::v-deep .el-step__line {
+    :deep( .el-step__line ){
       background-color: #d0d4dc;
     }
   }
@@ -488,18 +488,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;
   }
 
@@ -518,7 +518,7 @@ export default {
     }
   }
 
-  ::v-deep .ai-detail__content {
+  :deep( .ai-detail__content ){
     background: #f3f6f9;
 
     .ai-detail__content--wrapper {
@@ -544,7 +544,7 @@ export default {
     }
   }
 
-  ::v-deep .el-card {
+  :deep( .el-card ){
     .el-card__header {
       padding: 12px 16px;
       font-weight: bold;