diff --git a/src/components/FormEditor/views/index/FormDrawer.vue b/src/components/FormEditor/views/index/FormDrawer.vue
index 88ee0660..1e626dcb 100644
--- a/src/components/FormEditor/views/index/FormDrawer.vue
+++ b/src/components/FormEditor/views/index/FormDrawer.vue
@@ -326,7 +326,7 @@ export default {
   }
 }
 @include action-bar;
-::v-deep .el-drawer__header {
+:deep .el-drawer__header {
   display: none;
 }
 </style>
diff --git a/src/components/FormEditor/views/index/IconsDialog.vue b/src/components/FormEditor/views/index/IconsDialog.vue
index 9875488a..6b62c84e 100644
--- a/src/components/FormEditor/views/index/IconsDialog.vue
+++ b/src/components/FormEditor/views/index/IconsDialog.vue
@@ -110,7 +110,7 @@ export default {
   }
 }
 .icon-dialog {
-  ::v-deep .el-dialog {
+  :deep .el-dialog {
     border-radius: 8px;
     margin-bottom: 0;
     margin-top: 4vh !important;
diff --git a/src/components/FormEditor/views/index/JsonDrawer.vue b/src/components/FormEditor/views/index/JsonDrawer.vue
index 8a4378d9..76799242 100644
--- a/src/components/FormEditor/views/index/JsonDrawer.vue
+++ b/src/components/FormEditor/views/index/JsonDrawer.vue
@@ -133,7 +133,7 @@ export default {
 <style lang="scss" scoped>
 @import '@/styles/mixin.scss';
 
-::v-deep .el-drawer__header {
+:deep .el-drawer__header {
   display: none;
 }
 @include action-bar;
diff --git a/src/components/FormEditor/views/index/RightPanel.vue b/src/components/FormEditor/views/index/RightPanel.vue
index a59d5212..ce83684b 100644
--- a/src/components/FormEditor/views/index/RightPanel.vue
+++ b/src/components/FormEditor/views/index/RightPanel.vue
@@ -1021,7 +1021,7 @@ export default {
   .el-date-editor {
     width: 227px;
   }
-  ::v-deep .el-icon-time {
+  :deep .el-icon-time {
     display: none;
   }
 }
diff --git a/src/components/HeaderSearch/index.vue b/src/components/HeaderSearch/index.vue
index d7942ec8..81b432dc 100644
--- a/src/components/HeaderSearch/index.vue
+++ b/src/components/HeaderSearch/index.vue
@@ -183,7 +183,7 @@ export default {
     display: inline-block;
     vertical-align: middle;
 
-    ::v-deep .el-input__inner {
+    :deep .el-input__inner {
       border-radius: 0;
       border: 0;
       padding-left: 0;
diff --git a/src/components/ImagePreview/index.vue b/src/components/ImagePreview/index.vue
index 743d8d51..c564d6f7 100644
--- a/src/components/ImagePreview/index.vue
+++ b/src/components/ImagePreview/index.vue
@@ -64,14 +64,14 @@ export default {
   border-radius: 5px;
   background-color: #ebeef5;
   box-shadow: 0 0 5px 1px #ccc;
-  ::v-deep .el-image__inner {
+  :deep .el-image__inner {
     transition: all 0.3s;
     cursor: pointer;
     &:hover {
       transform: scale(1.2);
     }
   }
-  ::v-deep .image-slot {
+  :deep .image-slot {
     display: flex;
     justify-content: center;
     align-items: center;
diff --git a/src/components/ImageUpload/index.vue b/src/components/ImageUpload/index.vue
index 6f984b1d..9638557c 100644
--- a/src/components/ImageUpload/index.vue
+++ b/src/components/ImageUpload/index.vue
@@ -198,38 +198,38 @@ export default {
 </script>
 <style scoped lang="scss">
 // .el-upload--picture-card 控制加号部分
-::v-deep.hide .el-upload--picture-card {
+:deep.hide .el-upload--picture-card {
     display: none;
 }
 // 去掉动画效果
-::v-deep .el-list-enter-active,
-::v-deep .el-list-leave-active {
+:deep .el-list-enter-active,
+:deep .el-list-leave-active {
     transition: all 0s;
 }
 
-::v-deep .el-list-enter, .el-list-leave-active {
+:deep .el-list-enter, .el-list-leave-active {
     opacity: 0;
     transform: translateY(0);
 }
 
-::v-deep .el-upload--picture-card i {
+:deep .el-upload--picture-card i {
     font-size: 18px;
     color: #8c939d;
 }
 
-::v-deep .el-upload--picture-card {
+:deep .el-upload--picture-card {
     width: 50px!important;
     height: 50px!important;
     line-height:50px!important;
 }
 
-::v-deep .el-upload-list--picture-card  {
+:deep .el-upload-list--picture-card  {
     width: 50px!important;
     height: 50px!important;
     line-height:50px!important;
 }
 
-::v-deep .el-upload-list--picture-card .el-upload-list__item {
+:deep .el-upload-list--picture-card .el-upload-list__item {
     width: 50px!important;
     height: 50px!important;
     line-height:50px!important;
diff --git a/src/components/PdfViewer/A4Viewer.vue b/src/components/PdfViewer/A4Viewer.vue
index 609f5fda..06ee11ed 100644
--- a/src/components/PdfViewer/A4Viewer.vue
+++ b/src/components/PdfViewer/A4Viewer.vue
@@ -484,7 +484,7 @@ export default {
         color: #666;
         font-weight: bold;
       }
-      ::v-deep .el-input--mini {
+      :deep .el-input--mini {
         input {
           padding: 0 8px;
           width: 50px;
@@ -496,7 +496,7 @@ export default {
           cursor: auto;
         }
       }
-      ::v-deep .el-input-number {
+      :deep .el-input-number {
         margin-left: 10px;
         width: 40px;
         .el-input-number__decrease {
diff --git a/src/components/PdfViewer/viewer.vue b/src/components/PdfViewer/viewer.vue
index ec8359eb..5b2bfdb6 100644
--- a/src/components/PdfViewer/viewer.vue
+++ b/src/components/PdfViewer/viewer.vue
@@ -495,7 +495,7 @@ export default {
         color: #666;
         font-weight: bold;
       }
-      ::v-deep .el-input--mini {
+      :deep .el-input--mini {
         input {
           padding: 0 8px;
           width: 50px;
@@ -507,7 +507,7 @@ export default {
           cursor: auto;
         }
       }
-      ::v-deep .el-input-number {
+      :deep .el-input-number {
         margin-left: 10px;
         width: 40px;
         .el-input-number__decrease {
diff --git a/src/components/PrintDesigner/base/panel/style.vue b/src/components/PrintDesigner/base/panel/style.vue
index 9f0f1c2b..7aa4fe07 100644
--- a/src/components/PrintDesigner/base/panel/style.vue
+++ b/src/components/PrintDesigner/base/panel/style.vue
@@ -186,7 +186,7 @@ export default {
 </script>
 <style lang="scss" scoped>
 .mini-form {
-  ::v-deep.el-form-item--mini.el-form-item {
+  :deep.el-form-item--mini.el-form-item {
     margin-bottom: 10px;
   }
 }
diff --git a/src/components/ProTable/index.vue b/src/components/ProTable/index.vue
index 93a77a08..4784bbbb 100644
--- a/src/components/ProTable/index.vue
+++ b/src/components/ProTable/index.vue
@@ -554,14 +554,14 @@ export default {
   }
 </style>
 <style lang="scss" scoped>
-  ::v-deep .el-row--flex {
+  :deep .el-row--flex {
     margin-top: 0px !important;
     height: 36px;
   }
-  ::v-deep .el-table::before{
+  :deep .el-table::before{
         height: 0 !important;
   }
-  ::v-deep .el-table td{
+  :deep .el-table td{
     padding: 12px 0 !important;
     height: 23px !important;
     line-height: 23px !important;
diff --git a/src/components/RightToolbar/index.vue b/src/components/RightToolbar/index.vue
index e0dd4bf5..e6a9cfc5 100644
--- a/src/components/RightToolbar/index.vue
+++ b/src/components/RightToolbar/index.vue
@@ -97,13 +97,13 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-::v-deep .el-transfer__button {
+:deep .el-transfer__button {
   border-radius: 50%;
   padding: 12px;
   display: block;
   margin-left: 0px;
 }
-::v-deep .el-transfer__button:first-child {
+:deep .el-transfer__button:first-child {
   margin-bottom: 10px;
 }
 </style>
diff --git a/src/components/TnTable/TnTable.vue b/src/components/TnTable/TnTable.vue
index 1c22111b..1b1c1175 100644
--- a/src/components/TnTable/TnTable.vue
+++ b/src/components/TnTable/TnTable.vue
@@ -160,7 +160,7 @@ export default {
   flex-direction: column;
 }
 
-::v-deep .el-table{
+:deep .el-table{
 /* overflow-y:scroll!important; */
 }
 
@@ -169,25 +169,25 @@ export default {
   margin-top: auto;
   margin-left: auto;
 }
-::v-deep .el-table .cell{
+:deep .el-table .cell{
     text-align: center;
 }
 
-::v-deep .el-table  .cell #link{
+:deep .el-table  .cell #link{
   font-family: MicrosoftYaHei;
   color: #445af7;
   cursor: pointer;
 }
-::v-deep .cell #delete {
+:deep .cell #delete {
   color: #ff5b5b;
   margin-left: 35px;
     cursor: pointer;
 }
-::v-deep .el-table .color-row{
+:deep .el-table .color-row{
   background-color: rgb(243, 243, 243);
 }
 
-::v-deep .el-table--border::after, .el-table--group::after, .el-table::before {
+:deep .el-table--border::after, .el-table--group::after, .el-table::before {
     content: '';
     position: absolute;
     background-color: transparent!important;
diff --git a/src/components/XdTable/index.vue b/src/components/XdTable/index.vue
index 89bd14ae..6b50c697 100644
--- a/src/components/XdTable/index.vue
+++ b/src/components/XdTable/index.vue
@@ -864,7 +864,7 @@ export default {
   padding: 0px 20px !important;
 }
 
-::v-deep .el-table td.blue-cell {
+:deep .el-table td.blue-cell {
   border: 1px solid blue !important;
 }
 
diff --git a/src/layout/components/TagsView/ScrollPane.vue b/src/layout/components/TagsView/ScrollPane.vue
index bb753a12..2ba0e244 100644
--- a/src/layout/components/TagsView/ScrollPane.vue
+++ b/src/layout/components/TagsView/ScrollPane.vue
@@ -82,7 +82,7 @@ export default {
   position: relative;
   overflow: hidden;
   width: 100%;
-  ::v-deep {
+  :deep {
     .el-scrollbar__bar {
       bottom: 0px;
     }
diff --git a/src/layout/components/TopTagsView/ScrollPane.vue b/src/layout/components/TopTagsView/ScrollPane.vue
index 6899624e..6df67cff 100644
--- a/src/layout/components/TopTagsView/ScrollPane.vue
+++ b/src/layout/components/TopTagsView/ScrollPane.vue
@@ -82,7 +82,7 @@ export default {
   position: relative;
   overflow: hidden;
   width: 100%;
-  ::v-deep {
+  :deep {
     .el-scrollbar__bar {
       bottom: 0px;
     }
diff --git a/src/views/demo/ds5.vue b/src/views/demo/ds5.vue
index b9810149..513a633a 100644
--- a/src/views/demo/ds5.vue
+++ b/src/views/demo/ds5.vue
@@ -233,7 +233,7 @@ export default {
             margin-top: 28px;
         }
     }
-     ::v-deep(.el-card__header){
+     :deep(.el-card__header){
           padding:0;
           border-bottom: none;
         }
diff --git a/src/views/emis/customerService/waybillTracking.vue b/src/views/emis/customerService/waybillTracking.vue
index ccadb2bc..857593cf 100644
--- a/src/views/emis/customerService/waybillTracking.vue
+++ b/src/views/emis/customerService/waybillTracking.vue
@@ -165,10 +165,10 @@ export default {
     margin-bottom: 0px !important;
 }
 
-.tip ::v-deep.is-success > .el-step__line > i {
+.tip :deep.is-success > .el-step__line > i {
     background-color: #67c23a;
 }
-.tip ::v-deep.is-error > .el-step__line > i {
+.tip :deep.is-error > .el-step__line > i {
     background-color: #f56c6c;
 }
 
diff --git a/src/views/emis/emisSpecialCalcWeight/emisSpecialCalcWeightForm.vue b/src/views/emis/emisSpecialCalcWeight/emisSpecialCalcWeightForm.vue
index 49f77a79..547818f5 100644
--- a/src/views/emis/emisSpecialCalcWeight/emisSpecialCalcWeightForm.vue
+++ b/src/views/emis/emisSpecialCalcWeight/emisSpecialCalcWeightForm.vue
@@ -255,7 +255,7 @@ export default {
       font-size: 14px;
       transform: translateY(-50%);
     }
-    ::v-deep .el-range__close-icon {
+    :deep .el-range__close-icon {
       position: absolute;
       right: 34px;
       top: 54%;
diff --git a/src/views/emis/emisTmsTransPlan/emisTmsTransPlanForm.vue b/src/views/emis/emisTmsTransPlan/emisTmsTransPlanForm.vue
index 49c824dd..6b839868 100644
--- a/src/views/emis/emisTmsTransPlan/emisTmsTransPlanForm.vue
+++ b/src/views/emis/emisTmsTransPlan/emisTmsTransPlanForm.vue
@@ -28,7 +28,7 @@
                     </el-radio-group>
                   </el-form-item>
                 </el-col>
-             
+
             </el-row>
 
           </el-col>
@@ -213,15 +213,15 @@ export default {
 
 <style scoped>
 
-::v-deep .el-step__head.is-success {
+:deep .el-step__head.is-success {
   color: rgb(52, 158, 250);
   border-color: rgb(52, 158, 250);
 }
-::v-deep .el-step__title.is-success {
+:deep .el-step__title.is-success {
     font-weight: bold;
     color: rgb(52, 158, 250);
 }
-::v-deep .el-step__description.is-success {
+:deep .el-step__description.is-success {
     color: rgb(52, 158, 250);
 }
 </style>
diff --git a/src/views/emis/emisWaybillProblemInfo/receivedProblemInquiries.vue b/src/views/emis/emisWaybillProblemInfo/receivedProblemInquiries.vue
index 8473553d..f6b123fe 100644
--- a/src/views/emis/emisWaybillProblemInfo/receivedProblemInquiries.vue
+++ b/src/views/emis/emisWaybillProblemInfo/receivedProblemInquiries.vue
@@ -857,7 +857,7 @@ export default {
 </script>
 
 <style scoped>
-  ::v-deep .seltAllbtnDis .cell {
+  :deep .seltAllbtnDis .cell {
     visibility: hidden;
   }
   .el-divider{
diff --git a/src/views/emis/emisWaybillProblemInfo/registrationProblemInquiry.vue b/src/views/emis/emisWaybillProblemInfo/registrationProblemInquiry.vue
index f31feb77..5ccb706e 100644
--- a/src/views/emis/emisWaybillProblemInfo/registrationProblemInquiry.vue
+++ b/src/views/emis/emisWaybillProblemInfo/registrationProblemInquiry.vue
@@ -837,7 +837,7 @@ export default {
 </script>
 
 <style scoped>
-  ::v-deep .seltAllbtnDis .cell {
+  :deep .seltAllbtnDis .cell {
     visibility: hidden;
   }
   .el-divider{
diff --git a/src/views/login copy.vue b/src/views/login copy.vue
index 88549e79..2a56de7c 100644
--- a/src/views/login copy.vue	
+++ b/src/views/login copy.vue	
@@ -668,7 +668,7 @@ img { border: 0px; }
     height: 40px;
 }
 
-::v-deep .login-form .el-input__inner {
+:deep .login-form .el-input__inner {
   height: 40px;
     line-height: 40px;
 }
@@ -677,7 +677,7 @@ img { border: 0px; }
     height: 40px;
 }
 
-::v-deep .login-form2 .el-input__inner {
+:deep .login-form2 .el-input__inner {
   height: 40px;
     line-height: 40px;
 }
diff --git a/src/views/login.vue b/src/views/login.vue
index 6c330b0f..2e22d0f3 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -766,7 +766,7 @@ img { border: 0px; }
     height: 40px;
 }
 
-::v-deep .login-form .el-input__inner {
+:deep .login-form .el-input__inner {
   height: 40px;
     line-height: 40px;
 }
@@ -775,7 +775,7 @@ img { border: 0px; }
     height: 40px;
 }
 
-::v-deep .login-form2 .el-input__inner {
+:deep .login-form2 .el-input__inner {
   height: 40px;
     line-height: 40px;
 }
diff --git a/src/views/tool/build/IconsDialog.vue b/src/views/tool/build/IconsDialog.vue
index 958be50c..6d360442 100644
--- a/src/views/tool/build/IconsDialog.vue
+++ b/src/views/tool/build/IconsDialog.vue
@@ -101,7 +101,7 @@ export default {
   }
 }
 .icon-dialog {
-  ::v-deep .el-dialog {
+  :deep .el-dialog {
     border-radius: 8px;
     margin-bottom: 0;
     margin-top: 4vh !important;
diff --git a/src/views/tool/build/RightPanel.vue b/src/views/tool/build/RightPanel.vue
index e023b80c..1370a933 100644
--- a/src/views/tool/build/RightPanel.vue
+++ b/src/views/tool/build/RightPanel.vue
@@ -918,7 +918,7 @@ export default {
   .el-date-editor {
     width: 227px;
   }
-  ::v-deep .el-icon-time {
+  :deep .el-icon-time {
     display: none;
   }
 }