::v-deep=>:deep()

ui/packages/common/AiLog.vue

@@ -74,7 +74,7 @@ export default {
 </script>
 <style lang="scss" scoped>
 .AiLog {
-  ::v-deep.table-head-cell {
+  :deep(.table-head-cell ){
     background-color: rgba(243, 246, 249, 1);
     color: #333;
     font-size: 14px;
@@ -88,7 +88,7 @@ export default {
     align-items: center;
   }
 
-  ::v-deep.table-cell {
+  :deep(.table-cell ){
     .cell {
       padding-top: 13px;
       padding-bottom: 13px;
@@ -99,7 +99,7 @@ export default {
     }
   }
 
-  ::v-deep.el-pagination {
+  :deep(.el-pagination ){
     text-align: center;
 
     .btn-prev {
@@ -124,11 +124,11 @@ export default {
     }
   }
 
-  ::v-deep.el-pagination__jump {
+  :deep(.el-pagination__jump ){
     margin-left: 0;
   }
 
-  ::v-deep.el-pager li {
+  :deep(.el-pager li ){
     background-color: #fff;
     border: solid 1px #d0d4dc;
     margin-left: 8px;

ui/packages/common/AiParty/AiParty.vue

@@ -220,46 +220,46 @@ export default {
   overflow-y: hidden;
 }
 
-::v-deep.el-dialog__header {
+:deep(.el-dialog__header ){
   line-height: 1;
   // padding: 13px 16px;
   // border-bottom: 1px solid #eee;
 }
 
-::v-deep .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
+:deep( .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content ){
   background: #eaf5ff !important;
   color: #257fff !important;
 }
 
-::v-deep.el-dialog__body {
+:deep(.el-dialog__body ){
   padding: 16px 16px 0;
 }
 
-::v-deep .ai-dialog__content--wrapper {
+:deep( .ai-dialog__content--wrapper ){
   padding-right: 0 !important;
 }
 
-::v-deep.left_cont {
+:deep(.left_cont ){
   height: calc(100% - 40px);
   padding-top: 8px;
   box-sizing: border-box;
   overflow: auto;
 }
 
-::v-deep.el-tree {
+:deep(.el-tree ){
   background: #fcfcfc;
 }
 
-::v-deep .el-dialog__body {
+:deep( .el-dialog__body ){
   background: #fcfcfc;
 }
 
-::v-deep.el-tree-node:focus > .el-tree-node__content {
+:deep(.el-tree-node:focus > .el-tree-node__content ){
   background: #eaf5ff !important;
   color: #257fff !important;
 }
 
-::v-deep.el-tree-node__content:hover {
+:deep(.el-tree-node__content:hover ){
   background: #eaf5ff !important;
   color: #257fff !important;
 }

ui/packages/common/AiPartyMember.vue

@@ -591,11 +591,11 @@ export default {
 }
 
 .AiPeopleMember-dialog {
-  ::v-deep .el-input__validateIcon {
+  :deep( .el-input__validateIcon ){
     display: none;
   }
 
-  ::v-deep.el-pagination__sizes {
+  :deep(.el-pagination__sizes ){
     width: 72px !important;
 
     .el-select, .el-input, input {
@@ -660,17 +660,17 @@ export default {
     }
   }
 
-  ::v-deep.pagination {
+  :deep(.pagination ){
     padding: 0 !important;
 
 
   }
 
-  ::v-deep.pagination .el-pager li {
+  :deep(.pagination .el-pager li ){
     line-height: 22px !important;
   }
 
-  ::v-deep.el-table__header {
+  :deep(.el-table__header ){
     margin-bottom: 4px;
     border-bottom: 1px solid rgba(208, 212, 220, 1);
 
@@ -697,11 +697,11 @@ export default {
     overflow: auto;
     box-sizing: border-box;
 
-    ::v-deep.el-table td, .el-table th.is-leaf {
+    :deep(.el-table td), .el-table th.is-leaf {
       border-bottom: none;
     }
 
-    ::v-deep.el-table::before {
+    :deep(.el-table::before ){
       display: none;
     }
 
@@ -749,11 +749,11 @@ export default {
         width: 166px;
       }
 
-      ::v-deep.el-input--small .el-input__icon {
+      :deep(.el-input--small .el-input__icon ){
         line-height: 28px;
       }
 
-      ::v-deep.el-input--small .el-input__inner {
+      :deep(.el-input--small .el-input__inner ){
         width: 166px;
         height: 28px;
       }

ui/packages/common/AiPartyMemberSelect.vue

@@ -258,7 +258,7 @@ export default {
 }
 
 
-::v-deep .pagination .el-pager li {
+:deep( .pagination .el-pager li ){
   line-height: 22px!important;
 }
 

ui/packages/common/AiPartyTree.vue

@@ -135,7 +135,7 @@ export default {
     }
   }
 
-  ::v-deep .el-tree {
+  :deep( .el-tree ){
     background: transparent;
 
     .el-tree-node__expand-icon.is-leaf {

ui/packages/common/AiPersonSelect.vue

@@ -294,19 +294,19 @@ export default {
   padding: 0 20px;
 }
 
-::v-deep .el-pager li.active + li {
+:deep( .el-pager li.active + li ){
   border-left: solid 1px #d0d4dc !important;
 }
 
-::v-deep .el-pager .number:last-child {
+:deep( .el-pager .number:last-child ){
   border-color: #d0d4dc;
 }
 
-::v-deep .el-pager .number.active {
+:deep( .el-pager .number.active ){
   border-color: $primaryColor;
 }
 
-::v-deep.pagination .el-pager li {
+:deep(.pagination .el-pager li ){
   line-height: 22px !important;
 }
 

ui/packages/common/AiPicker.vue

@@ -167,7 +167,7 @@ export default {
     display: flex;
     height: 480px;
 
-    ::v-deep .el-tree {
+    :deep( .el-tree ){
       background: transparent;
 
       .el-tree-node__content {
@@ -194,7 +194,7 @@ export default {
       height: calc(100% - 40px);
       padding: 8px 0;
 
-      ::v-deep .el-scrollbar__wrap {
+      :deep( .el-scrollbar__wrap ){
         margin-bottom: 0 !important;
         overflow-x: hidden;
       }

ui/packages/common/AiSign/AiSign.vue

@@ -219,7 +219,7 @@ export default {
     }
   }
 
-  ::v-deep.scan-title {
+  :deep(.scan-title ){
     color: #333333;
     font-size: 16px;
 

ui/packages/common/AiSign/changePwd.vue

@@ -134,13 +134,13 @@ export default {
 .changePwd {
   // margin: 0 20px;
 
-  ::v-deep .code {
+  :deep( .code ){
     .el-button {
       width: auto !important;
     }
   }
 
-  ::v-deep.backLogin {
+  :deep(.backLogin ){
     display: flex;
     align-items: center;
     font-weight: bold;
@@ -165,7 +165,7 @@ export default {
     width: 100%;
   }
 
-  ::v-deep.el-form-item {
+  :deep(.el-form-item ){
     margin-bottom: 24px;
 
     i {

ui/packages/common/AiSign/signIn.vue

@@ -286,19 +286,19 @@ export default {
     position: relative;
   }
 
-  ::v-deep.el-tabs__nav-wrap::after {
+  :deep(.el-tabs__nav-wrap::after ){
     display: none;
   }
 
-  ::v-deep.el-tabs__header {
+  :deep(.el-tabs__header ){
     padding: 0;
   }
 
-  ::v-deep.el-tabs__item {
+  :deep(.el-tabs__item ){
     padding-right: 0;
   }
 
-  ::v-deep.el-form-item {
+  :deep(.el-form-item ){
     margin-bottom: 32px;
 
     .el-tabs__item {

ui/packages/common/AiUserGet/AiUserGet.vue

@@ -564,7 +564,7 @@ export default {
     }
   }
 
-  ::v-deep .el-tree {
+  :deep( .el-tree ){
     background: transparent;
 
     .el-tree-node {
@@ -608,7 +608,7 @@ export default {
     cursor: pointer;
     user-select: none;
 
-    ::v-deep .el-checkbox__label {
+    :deep( .el-checkbox__label ){
       display: none;
     }
 
@@ -639,7 +639,7 @@ export default {
     height: calc(100% - 40px);
     padding: 8px 0;
 
-    ::v-deep .el-scrollbar__wrap {
+    :deep( .el-scrollbar__wrap ){
       margin-bottom: 0 !important;
       overflow-x: hidden;
     }

ui/packages/common/AiUserSelecter.vue

@@ -630,7 +630,7 @@
       }
     }
 
-    ::v-deep .el-tree {
+    :deep( .el-tree ){
       width: fit-content;
       min-width: 100%;
       background: transparent;
@@ -698,7 +698,7 @@
       cursor: pointer;
       user-select: none;
 
-      ::v-deep .el-checkbox__label {
+      :deep( .el-checkbox__label ){
         display: none;
       }
 
@@ -729,7 +729,7 @@
       height: calc(100% - 40px);
       padding: 8px 0;
 
-      ::v-deep .el-scrollbar__wrap {
+      :deep( .el-scrollbar__wrap ){
         margin-bottom: 0!important;
         overflow-x: hidden;
       }
@@ -738,7 +738,7 @@
     .AiWechatSelecter-container__left {
       flex: 1;
 
-      ::v-deep .el-scrollbar__wrap {
+      :deep( .el-scrollbar__wrap ){
         overflow-x: auto;
       }
     }
@@ -754,7 +754,7 @@
         padding-bottom: 40px!important;
       }
 
-      ::v-deep .el-pagination {
+      :deep( .el-pagination ){
         position: absolute;
         bottom: 0px;
         left: 0;
@@ -811,7 +811,7 @@
       .user-wrapper {
         padding: 0 10px;
 
-        ::v-deep .el-checkbox {
+        :deep( .el-checkbox ){
           display: block;
           margin-right: 0;
         }

ui/packages/common/AiWechatSelecter/AiWechatSelecter.vue

@@ -631,7 +631,7 @@
       }
     }
 
-    ::v-deep .el-tree {
+    :deep( .el-tree ){
       background: transparent;
 
       .el-tree-node {
@@ -675,7 +675,7 @@
       cursor: pointer;
       user-select: none;
 
-      ::v-deep .el-checkbox__label {
+      :deep( .el-checkbox__label ){
         display: none;
       }
 
@@ -706,7 +706,7 @@
       height: calc(100% - 40px);
       padding: 8px 0;
 
-      ::v-deep .el-scrollbar__wrap {
+      :deep( .el-scrollbar__wrap ){
         margin-bottom: 0!important;
         overflow-x: hidden;
       }