::v-deep=>:deep()

project/oms/apps/develop/AppAiCode/detailLayout.vue

@@ -623,7 +623,7 @@ export default {
     }
   }
 
-  ::v-deep .ai-card {
+  :deep( .ai-card ){
     cursor: move;
 
     &.active {
@@ -631,14 +631,14 @@ export default {
     }
   }
 
-  ::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;
     }
   }
@@ -848,14 +848,14 @@ export default {
     }
   }
 
-  ::v-deep .ai-detail__title {
+  :deep( .ai-detail__title ){
     margin: 0 !important;
     margin-bottom: 4px !important;
     padding: 0 20px;
     box-shadow: 0px 2px 4px 0px 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;
@@ -867,7 +867,7 @@ export default {
     flex: 1;
     height: 100%;
 
-    ::v-deep .el-scrollbar__view {
+    :deep( .el-scrollbar__view ){
       height: 100%;
     }
   }
@@ -902,7 +902,7 @@ export default {
       }
     }
 
-    ::v-deep .el-upload-list__item {
+    :deep( .el-upload-list__item ){
       width: 40px !important;
       height: 40px !important;
       object-fit: cover;