::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 {