diff --git a/src/components/Code.vue b/src/components/Code.vue
index 159a12d..29dadae 100644
--- a/src/components/Code.vue
+++ b/src/components/Code.vue
@@ -106,7 +106,7 @@ export default {
 <style scoped>
 /*  在此自动生成 */
 
-::v-deep .el-dialog__body {
+:v-deep(.el-dialog__body) {
   padding: 0 30px !important;
 }
 
diff --git a/src/components/CodeStructure.vue b/src/components/CodeStructure.vue
index 9d1f103..4b63e81 100644
--- a/src/components/CodeStructure.vue
+++ b/src/components/CodeStructure.vue
@@ -163,7 +163,7 @@ center {
   padding: 20px;
 }
 
-::v-deep .el-drawer__body {
+:v-deep(.el-drawer__body) {
   height: 100%;
 }
 
diff --git a/src/components/JSCodeEditorDialog.vue b/src/components/JSCodeEditorDialog.vue
index 7d326d0..ffd49b3 100644
--- a/src/components/JSCodeEditorDialog.vue
+++ b/src/components/JSCodeEditorDialog.vue
@@ -118,7 +118,7 @@ export default {
 <style scoped>
 /*  在此自动生成 */
 
-::v-deep .el-dialog__body {
+:v-deep(.el-dialog__body) {
   padding: 0 30px !important;
 }
 </style>
\ No newline at end of file
diff --git a/src/components/RawComponents.vue b/src/components/RawComponents.vue
index b366022..141aefa 100644
--- a/src/components/RawComponents.vue
+++ b/src/components/RawComponents.vue
@@ -260,7 +260,7 @@ nav {
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
 }
 
-::v-deep .el-submenu__title {
+:v-deep(.el-submenu__title) {
   padding: 0 15px !important;
 }
 
diff --git a/src/components/VueCodeParseDialog.vue b/src/components/VueCodeParseDialog.vue
index 1946426..0636704 100644
--- a/src/components/VueCodeParseDialog.vue
+++ b/src/components/VueCodeParseDialog.vue
@@ -89,7 +89,7 @@ export default {
 <style scoped>
 /*  在此自动生成 */
 
-::v-deep .el-dialog__body {
+:v-deep(.el-dialog__body) {
   padding: 0 30px !important;
 }
 </style>
\ No newline at end of file
diff --git a/src/rawComponents/element/form-base.vue b/src/rawComponents/element/form-base.vue
index 7a10414..4f99416 100644
--- a/src/rawComponents/element/form-base.vue
+++ b/src/rawComponents/element/form-base.vue
@@ -451,7 +451,7 @@ export default {
     },
   },
 };  </script>
-  <style scoped>.avatar-uploader ::v-deep .el-upload {
+  <style scoped>.avatar-uploader :v-deep(.el-upload) {
   border: 1px dashed #d9d9d9;
   border-radius: 6px;
   cursor: pointer;
diff --git a/src/rawComponents/vant/nav.vue b/src/rawComponents/vant/nav.vue
index c4fb041..0c86faf 100644
--- a/src/rawComponents/vant/nav.vue
+++ b/src/rawComponents/vant/nav.vue
@@ -135,15 +135,15 @@ export default {
     onClickEditAddress(){}
   },
 };  </script>
-  <style scoped>::v-deep .van-tabbar--fixed {
+  <style scoped>:v-deep(.van-tabbar--fixed) {
   position: initial;
 }
-::v-deep .van-address-list__bottom {
+:v-deep(.van-address-list__bottom) {
   position: initial;
 }
-::v-deep .van-goods-action {
+:v-deep(.van-goods-action) {
   position: initial;
 }
-::v-deep .van-submit-bar {
+:v-deep(.van-submit-bar) {
   position: initial;
 }</style>