diff --git a/src/components/Cropper/src/CropperAvatar.vue b/src/components/Cropper/src/CropperAvatar.vue
index e5d4116..e95329a 100644
--- a/src/components/Cropper/src/CropperAvatar.vue
+++ b/src/components/Cropper/src/CropperAvatar.vue
@@ -120,7 +120,7 @@
       -webkit-transition: opacity 0.4s;
       transition: opacity 0.4s;
 
-      ::v-deep(svg) {
+      :deep(svg) {
         margin: auto;
       }
     }
diff --git a/src/components/Form/src/jeecg/components/JSelectDept.vue b/src/components/Form/src/jeecg/components/JSelectDept.vue
index ed9a62a..5097a22 100644
--- a/src/components/Form/src/jeecg/components/JSelectDept.vue
+++ b/src/components/Form/src/jeecg/components/JSelectDept.vue
@@ -150,7 +150,7 @@
       width: 100%;
     }
 
-    ::v-deep(.ant-select-search__field) {
+    :deep(.ant-select-search__field) {
       display: none !important;
     }
   }
diff --git a/src/components/Form/src/jeecg/components/JSelectPosition.vue b/src/components/Form/src/jeecg/components/JSelectPosition.vue
index 7f10d82..e54001b 100644
--- a/src/components/Form/src/jeecg/components/JSelectPosition.vue
+++ b/src/components/Form/src/jeecg/components/JSelectPosition.vue
@@ -142,7 +142,7 @@
       width: 100%;
     }
 
-    ::v-deep(.ant-select-search__field) {
+    :deep(.ant-select-search__field) {
       display: none !important;
     }
   }
diff --git a/src/components/Form/src/jeecg/components/JSelectRole.vue b/src/components/Form/src/jeecg/components/JSelectRole.vue
index 9f0142a..ea56187 100644
--- a/src/components/Form/src/jeecg/components/JSelectRole.vue
+++ b/src/components/Form/src/jeecg/components/JSelectRole.vue
@@ -147,7 +147,7 @@
       width: 100%;
     }
 
-    ::v-deep(.ant-select-search__field) {
+    :deep(.ant-select-search__field) {
       display: none !important;
     }
   }
diff --git a/src/components/Form/src/jeecg/components/JSelectUser.vue b/src/components/Form/src/jeecg/components/JSelectUser.vue
index 2ffc8e7..82866b2 100644
--- a/src/components/Form/src/jeecg/components/JSelectUser.vue
+++ b/src/components/Form/src/jeecg/components/JSelectUser.vue
@@ -150,7 +150,7 @@
       width: 100%;
     }
 
-    ::v-deep(.ant-select-search__field) {
+    :deep(.ant-select-search__field) {
       display: none !important;
     }
   }
diff --git a/src/components/Form/src/jeecg/components/JSelectUserByDept.vue b/src/components/Form/src/jeecg/components/JSelectUserByDept.vue
index 5d10ad1..5039150 100644
--- a/src/components/Form/src/jeecg/components/JSelectUserByDept.vue
+++ b/src/components/Form/src/jeecg/components/JSelectUserByDept.vue
@@ -146,7 +146,7 @@
       width: 100%;
     }
 
-    ::v-deep(.ant-select-search__field) {
+    :deep(.ant-select-search__field) {
       display: none !important;
     }
   }
diff --git a/src/components/Form/src/jeecg/components/base/JSelectBiz.vue b/src/components/Form/src/jeecg/components/base/JSelectBiz.vue
index c5c0712..96f8de5 100644
--- a/src/components/Form/src/jeecg/components/base/JSelectBiz.vue
+++ b/src/components/Form/src/jeecg/components/base/JSelectBiz.vue
@@ -115,7 +115,7 @@
       width: 100%;
     }
 
-    ::v-deep(.ant-select-search__field) {
+    :deep(.ant-select-search__field) {
       display: none !important;
     }
   }
diff --git a/src/components/Form/src/jeecg/components/base/JTreeBiz.vue b/src/components/Form/src/jeecg/components/base/JTreeBiz.vue
index 5997e79..cd65c5f 100644
--- a/src/components/Form/src/jeecg/components/base/JTreeBiz.vue
+++ b/src/components/Form/src/jeecg/components/base/JTreeBiz.vue
@@ -84,7 +84,7 @@
       width: 100%;
     }
 
-    ::v-deep(.ant-select-search__field) {
+    :deep(.ant-select-search__field) {
       display: none !important;
     }
   }
diff --git a/src/components/jeecg/JVxeTable/src/components/cells/JVxeProgressCell.vue b/src/components/jeecg/JVxeTable/src/components/cells/JVxeProgressCell.vue
index 135eb97..39a3a56 100644
--- a/src/components/jeecg/JVxeTable/src/components/cells/JVxeProgressCell.vue
+++ b/src/components/jeecg/JVxeTable/src/components/cells/JVxeProgressCell.vue
@@ -45,7 +45,7 @@
 <style scoped lang="less">
   // 关闭进度条的动画，防止滚动时动态赋值出现问题
   .j-vxe-progress.no-animation {
-    ::v-deep(.ant-progress-bg) {
+    :deep(.ant-progress-bg) {
       transition: none !important;
     }
   }
diff --git a/src/layouts/default/header/components/notify/NoticeList.vue b/src/layouts/default/header/components/notify/NoticeList.vue
index 7b0e871..de42306 100644
--- a/src/layouts/default/header/components/notify/NoticeList.vue
+++ b/src/layouts/default/header/components/notify/NoticeList.vue
@@ -162,7 +162,7 @@
       display: none;
     }
 
-    ::v-deep(.ant-pagination-disabled) {
+    :deep(.ant-pagination-disabled) {
       display: inline-block !important;
     }
 
diff --git a/src/views/dashboard/Analysis/homePage/IndexTask.vue b/src/views/dashboard/Analysis/homePage/IndexTask.vue
index 49261ce..af6caab 100644
--- a/src/views/dashboard/Analysis/homePage/IndexTask.vue
+++ b/src/views/dashboard/Analysis/homePage/IndexTask.vue
@@ -329,11 +329,11 @@
   .index-container-ty {
     margin: 12px 12px 0;
 
-    :deep .ant-card-body {
+    :deep(.ant-card-body) {
       padding: 10px 12px 0 12px;
     }
 
-    :deep .ant-card-head {
+    :deep(.ant-card-head) {
       line-height: 24px;
       min-height: 24px;
       background: #7196fb !important;
@@ -356,7 +356,7 @@
       }
     }
 
-    :deep .ant-table-footer {
+    :deep(.ant-table-footer) {
       text-align: right;
       padding: 6px 12px 6px 6px;
       background: #fff;
@@ -378,12 +378,12 @@
       }
     }
 
-    :deep .ant-table-thead > tr > th,
-    :deep .ant-table-tbody > tr > td {
+    :deep(.ant-table-thead > tr > th),
+    :deep(.ant-table-tbody > tr > td) {
       border-bottom: 1px solid #90aeff;
     }
 
-    :deep
+    :deep(
       .ant-table-small
       > .ant-table-content
       > .ant-table-fixed-left
@@ -392,8 +392,8 @@
       > table
       > .ant-table-thead
       > tr
-      > th,
-    :deep
+      > th),
+    :deep(
       .ant-table-small
       > .ant-table-content
       > .ant-table-fixed-right
@@ -402,19 +402,19 @@
       > table
       > .ant-table-thead
       > tr
-      > th {
+      > th) {
       border-bottom: 1px solid #90aeff;
     }
 
-    :deep .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th {
+    :deep(.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th) {
       border-bottom: 1px solid #90aeff;
     }
 
-    :deep .ant-table-small {
+    :deep(.ant-table-small) {
       border: 1px solid #90aeff;
     }
 
-    :deep .ant-table-placeholder {
+    :deep(.ant-table-placeholder) {
       padding: 0;
       height: 215px;
     }
diff --git a/src/views/demo/jeecg/JVxeTableDemo/layout-demo/ErpTemplate.vue b/src/views/demo/jeecg/JVxeTableDemo/layout-demo/ErpTemplate.vue
index 7e259c6..c468134 100644
--- a/src/views/demo/jeecg/JVxeTableDemo/layout-demo/ErpTemplate.vue
+++ b/src/views/demo/jeecg/JVxeTableDemo/layout-demo/ErpTemplate.vue
@@ -299,19 +299,19 @@
 <style lang="less" scoped>
   .sub-tabs {
     &.un-expand {
-      ::v-deep(.ant-tabs-content) {
+      :deep(.ant-tabs-content) {
         height: 0 !important;
       }
 
-      ::v-deep(.ant-tabs-nav) {
+      :deep(.ant-tabs-nav) {
         border-color: transparent !important;
       }
 
-      ::v-deep(.ant-tabs-ink-bar) {
+      :deep(.ant-tabs-ink-bar) {
         background-color: transparent !important;
       }
 
-      ::v-deep(.ant-tabs-tab) {
+      :deep(.ant-tabs-tab) {
         display: none !important;
       }
     }
diff --git a/src/views/demo/page/form/high/index.vue b/src/views/demo/page/form/high/index.vue
index a0cdebf..64b1624 100644
--- a/src/views/demo/page/form/high/index.vue
+++ b/src/views/demo/page/form/high/index.vue
@@ -70,7 +70,7 @@
   }
 
   /** update-begin-author:taoyan date:2022-5-16 for:/issues/63 下拉框z-index问题 */
-  ::v-deep(.ant-select-dropdown) {
+  :deep(.ant-select-dropdown) {
     z-index: 98 !important;
   }
   /** update-end-author:taoyan date:2022-5-16 for:/issues/63 下拉框z-index问题 */
diff --git a/src/views/system/depart/components/DepartRuleTab.vue b/src/views/system/depart/components/DepartRuleTab.vue
index 960be93..f8025e9 100644
--- a/src/views/system/depart/components/DepartRuleTab.vue
+++ b/src/views/system/depart/components/DepartRuleTab.vue
@@ -163,7 +163,7 @@
 
 <style lang="less" scoped>
   // 【VUEN-188】解决滚动条不灵敏的问题
-  .depart-rule-tree ::v-deep(.scrollbar__bar) {
+  .depart-rule-tree :deep(.scrollbar__bar) {
     pointer-events: none;
   }
 </style>
diff --git a/src/views/system/departUser/components/DepartTree.vue b/src/views/system/departUser/components/DepartTree.vue
index 51ceef2..2617d9f 100644
--- a/src/views/system/departUser/components/DepartTree.vue
+++ b/src/views/system/departUser/components/DepartTree.vue
@@ -143,7 +143,7 @@
 </script>
 <style lang="less" scoped>
   /*升级antd3后，查询框与树贴的太近，样式优化*/
-  ::v-deep(.jeecg-tree-header) {
+  :deep(.jeecg-tree-header) {
     margin-bottom: 6px;
   }
 </style>
diff --git a/src/views/system/dict/components/DictItemList.vue b/src/views/system/dict/components/DictItemList.vue
index da25813..8bca0c9 100644
--- a/src/views/system/dict/components/DictItemList.vue
+++ b/src/views/system/dict/components/DictItemList.vue
@@ -125,7 +125,7 @@
 <style scoped lang="less">
   @prefix-cls: ~'@{namespace}-row-invalid';
 
-  ::v-deep(.@{prefix-cls}) {
+  :deep(.@{prefix-cls}) {
     background: #f4f4f4;
     color: #bababa;
   }
diff --git a/src/views/system/message/components/SysMessageList.vue b/src/views/system/message/components/SysMessageList.vue
index 54c09c5..7254aab 100644
--- a/src/views/system/message/components/SysMessageList.vue
+++ b/src/views/system/message/components/SysMessageList.vue
@@ -152,12 +152,12 @@
 
 <style scoped lang="less">
    .msg-no-read{
-     ::v-deep .ant-badge-dot{
+     :deep(.ant-badge-dot){
       top: 5px;
       right: 3px;
     }
   }
-   ::v-deep .bpm-cuiban-content p{
+   :deep(.bpm-cuiban-content) p{
     display: inherit;
      margin-bottom: 0;
      margin-top: 0;