::v-deep=>:deep()

packages/work/AppAskForm/components/Add.vue

@@ -902,13 +902,13 @@
     }
 
     .right-item__content--select-answer {
-      ::v-deep .el-checkbox {
+      :deep( .el-checkbox ){
         display: flex!important;
         align-items: center;
         margin-right: 0;
       }
 
-      ::v-deep .el-checkbox__label {
+      :deep( .el-checkbox__label ){
         flex: 1;
         color: #222;
         overflow: hidden;
@@ -966,14 +966,14 @@
       word-break: break-all;
     }
 
-    ::v-deep .ai-detail__content {
+    :deep( .ai-detail__content ){
       height: calc(100% - 52px)!important;
       padding: 0!important;
       overflow: hidden!important;
     }
 
     .ai-dialog__success {
-      ::v-deep .ai-dialog__content {
+      :deep( .ai-dialog__content ){
         max-height: initial!important;
       }
     }
@@ -1170,7 +1170,7 @@
               border: 1px solid #E4E8EF;
             }
 
-            ::v-deep .el-input {
+            :deep( .el-input ){
               width: 418px;
               margin-top: 20px;
               margin-left: 12px;
@@ -1269,14 +1269,14 @@
       }
     }
 
-    ::v-deep .ai-detail__title {
+    :deep( .ai-detail__title ){
       margin: 0!important;
       margin-bottom: 4px!important;
       padding: 0 20px;
       box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
     }
 
-    ::v-deep .ai-detail__content--wrapper {
+    :deep( .ai-detail__content--wrapper ){
       display: flex;
       max-width: 100%!important;
       height: 100%!important;
@@ -1288,7 +1288,7 @@
       flex: 1;
       height: 100%;
 
-      ::v-deep .el-scrollbar__view {
+      :deep( .el-scrollbar__view ){
         height: 100%;
       }
     }
@@ -1302,14 +1302,14 @@
 
     .right-item__select--wrapper {
 
-      ::v-deep .el-upload--picture-card {
+      :deep( .el-upload--picture-card ){
         // display: none;
         width: 100%;
         height: 100%;
         line-height: 1;
       }
 
-      ::v-deep .uploader {
+      :deep( .uploader ){
         background: #FFFFFF;
         border-radius: 4px;
         margin: 0 10px;
@@ -1364,7 +1364,7 @@
         }
       }
 
-      ::v-deep .el-upload-list__item {
+      :deep( .el-upload-list__item ){
         width: 40px!important;
         height: 40px!important;
         object-fit: cover;
@@ -1394,13 +1394,13 @@
       background: #F3F6F9;
       border-radius: 4px;
 
-      ::v-deep .el-upload--picture-card {
+      :deep( .el-upload--picture-card ){
         width: 100%;
         height: 100%;
         line-height: 1;
       }
 
-      ::v-deep .uploader {
+      :deep( .uploader ){
         width: 260px;
         height: 163px;
         overflow: hidden;
@@ -1491,13 +1491,13 @@
         white-space: nowrap;
       }
 
-      ::v-deep .el-checkbox {
+      :deep( .el-checkbox ){
         display: flex!important;
         align-items: center;
         margin-bottom: 0!important;
       }
 
-      ::v-deep .el-checkbox__label {
+      :deep( .el-checkbox__label ){
         max-width: 140px;
         color: #222;
         overflow: hidden;
@@ -1505,7 +1505,7 @@
         white-space: nowrap;
       }
 
-      ::v-deep .el-input {
+      :deep( .el-input ){
         width: 100px;
 
         .el-input__suffix {

packages/work/AppAskForm/components/FormList.vue

@@ -532,13 +532,13 @@ export default {
 
 <style scoped lang="scss">
 .form-list {
-  ::v-deep .ai-list__content--right-wrapper {
+  :deep( .ai-list__content--right-wrapper ){
     background: transparent !important;
     box-shadow: none !important;
     padding: 12px 0 12px !important;
   }
 
-  ::v-deep.el-pager {
+  :deep(.el-pager ){
     li.active + li {
       border-left: 1px solid #D0D4DC;
     }
@@ -657,13 +657,13 @@ export default {
       padding: 0;
     }
 
-    ::v-deep .el-pager li.active {
+    :deep( .el-pager li.active ){
       background-color: #fff !important;
       color: #2266FF !important;
       border-color: #2266FF;
     }
 
-    ::v-deep .el-pager li {
+    :deep( .el-pager li ){
       background-color: #fff;
       border: solid 1px #d0d4dc;
       margin-left: 8px;
@@ -685,7 +685,7 @@ export default {
         gap: 8px;
         color: #2266FF !important;
 
-        ::v-deep span, ::v-deep div {
+        :deep( span), :deep( div ){
           font-size: 12px;
           cursor: pointer;
           color: #2266FF !important;
@@ -710,11 +710,11 @@ export default {
         margin-left: 24px;
       }
 
-      ::v-deep .el-pagination button, .el-pagination span:not([class*=suffix]) {
+      :deep( .el-pagination button), .el-pagination span:not([class*=suffix]) {
         line-height: 1 !important;
       }
 
-      ::v-deep.el-checkbox {
+      :deep(.el-checkbox ){
         padding-left: 14px;
         display: flex;
         align-items: center;
@@ -745,7 +745,7 @@ export default {
   }
 
   .ai-dialog__success {
-    ::v-deep .ai-dialog__content {
+    :deep( .ai-dialog__content ){
       max-height: initial !important;
     }
   }
@@ -818,7 +818,7 @@ export default {
             border: 1px solid #E4E8EF;
           }
 
-          ::v-deep .el-input {
+          :deep( .el-input ){
             width: 418px;
             margin-top: 20px;
             margin-left: 12px;
@@ -950,7 +950,7 @@ export default {
           flex: 1;
         }
 
-        ::v-deep .el-button {
+        :deep( .el-button ){
           margin-left: 0;
           padding: 0;
 
@@ -988,7 +988,7 @@ export default {
           flex: 1;
 
           &:hover {
-            ::v-deep i, ::v-deep span {
+            :deep( i), :deep( span ){
               color: #2266FF;
             }
           }

packages/work/AppAskForm/components/Statistics.vue

@@ -375,7 +375,7 @@ export default {
   }
 
   .preview {
-    ::v-deep .el-textarea.is-disabled, ::v-deep .el-textarea__inner {
+    :deep( .el-textarea.is-disabled), :deep( .el-textarea__inner ){
       color: #666 !important;
     }
   }