::v-deep=>:deep()

project/sass/apps/AppAskForm/components/Add.vue

@@ -906,13 +906,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;
@@ -970,14 +970,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;
       }
     }
@@ -1172,7 +1172,7 @@
               border: 1px solid #E4E8EF;
             }
 
-            ::v-deep .el-input {
+            :deep( .el-input ){
               width: 418px;
               margin-top: 20px;
               margin-left: 12px;
@@ -1271,14 +1271,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;
@@ -1290,7 +1290,7 @@
       flex: 1;
       height: 100%;
 
-      ::v-deep .el-scrollbar__view {
+      :deep( .el-scrollbar__view ){
         height: 100%;
       }
     }
@@ -1304,14 +1304,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;
@@ -1366,7 +1366,7 @@
         }
       }
 
-      ::v-deep .el-upload-list__item {
+      :deep( .el-upload-list__item ){
         width: 40px!important;
         height: 40px!important;
         object-fit: cover;
@@ -1396,13 +1396,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;
@@ -1493,13 +1493,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;
@@ -1507,7 +1507,7 @@
         white-space: nowrap;
       }
 
-      ::v-deep .el-input {
+      :deep( .el-input ){
         width: 100px;
 
         .el-input__suffix {

project/sass/apps/AppAskForm/components/FormList.vue

@@ -528,13 +528,13 @@
 
 <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;
       }
@@ -651,13 +651,13 @@
         width: 100%;
         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;
@@ -679,7 +679,7 @@
           gap: 8px;
           color: #2266FF !important;
 
-          ::v-deep span, ::v-deep div {
+          :deep( span), :deep( div ){
             font-size: 12px;
             cursor: pointer;
             color: #2266FF !important;
@@ -704,11 +704,11 @@
           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;
@@ -739,7 +739,7 @@
     }
 
     .ai-dialog__success {
-      ::v-deep .ai-dialog__content {
+      :deep( .ai-dialog__content ){
         max-height: initial!important;
       }
     }
@@ -811,7 +811,7 @@
               border: 1px solid #E4E8EF;
             }
 
-            ::v-deep .el-input {
+            :deep( .el-input ){
               width: 418px;
               margin-top: 20px;
               margin-left: 12px;
@@ -943,7 +943,7 @@
             flex: 1;
           }
 
-          ::v-deep .el-button {
+          :deep( .el-button ){
             margin-left: 0;
             padding: 0;
             i {
@@ -980,7 +980,7 @@
             flex: 1;
 
             &:hover {
-              ::v-deep i, ::v-deep span {
+              :deep( i), :deep( span ){
                 color: #2266FF;
               }
             }

project/sass/apps/AppAskForm/components/Statistics.vue

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