diff --git a/seller/.npmrc b/seller/.npmrc
new file mode 100644
index 00000000..c0c80ba4
--- /dev/null
+++ b/seller/.npmrc
@@ -0,0 +1 @@
+engine-strict=false
diff --git a/seller/.yarnrc b/seller/.yarnrc
new file mode 100644
index 00000000..4f14322d
--- /dev/null
+++ b/seller/.yarnrc
@@ -0,0 +1 @@
+--ignore-engines true
diff --git a/seller/package.json b/seller/package.json
index ed4f3e80..c217529d 100644
--- a/seller/package.json
+++ b/seller/package.json
@@ -4,6 +4,9 @@
   "private": true,
   "description": "lilishop-ui",
   "author": "lili-platform",
+  "engines": {
+    "node": ">=14"
+  },
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
@@ -15,10 +18,10 @@
     "axios": "^0.21.1",
     "dplayer": "^1.27.1",
     "js-cookie": "^2.2.1",
-    "node-sass": "^4.14.1",
+    "sass": "^1.63.6",
     "price-color": "^1.0.2",
     "s": "^1.0.0",
-    "sass-loader": "^8.0.2",
+    "sass-loader": "^10.4.1",
     "sockjs-client": "^1.4.0",
     "swiper": "^6.3.5",
     "uuid": "^8.3.2",
@@ -51,6 +54,8 @@
     "vue-template-compiler": "^2.6.10"
   },
   "resolutions": {
-    "minimatch": "^3.1.2"
+    "minimatch": "^3.1.2",
+    "node-sass": "npm:sass@^1.63.6",
+    "@achrinza/node-ipc": "9.2.2"
   }
 }
diff --git a/seller/src/views/goods/goods-manage/category.vue b/seller/src/views/goods/goods-manage/category.vue
index 62c3699b..620a054e 100644
--- a/seller/src/views/goods/goods-manage/category.vue
+++ b/seller/src/views/goods/goods-manage/category.vue
@@ -256,7 +256,7 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-/deep/ .ivu-table-wrapper {
+::v-deep .ivu-table-wrapper  {
   overflow: auto;
 }
 .table {
diff --git a/seller/src/views/goods/goods-seller/addGoods.scss b/seller/src/views/goods/goods-seller/addGoods.scss
index 499380ab..3ae1231c 100644
--- a/seller/src/views/goods/goods-seller/addGoods.scss
+++ b/seller/src/views/goods/goods-seller/addGoods.scss
@@ -85,7 +85,7 @@
     flex-wrap: wrap !important;
   }
 
-  /deep/ .sku-item-content-val {
+  ::v-deep .sku-item-content-val {
     margin-right: 20px;
   }
 }
@@ -215,7 +215,7 @@ div.base-info-item {
   }
 
   /*teatarea*/
-  /deep/ .el-textarea {
+  ::v-deep .el-textarea {
     width: 150%;
   }
 
@@ -226,7 +226,7 @@ div.base-info-item {
 
 /*折叠面板*/
 .el-collapse-item {
-  /deep/ .el-collapse-item__header {
+  ::v-deep .el-collapse-item__header {
     text-align: left;
     background-color: #f8f8f8;
     padding: 0 10px;
@@ -240,7 +240,7 @@ div.base-info-item {
     width: 25%;
   }
 
-  /deep/ .el-form-item__content {
+  ::v-deep .el-form-item__content {
     margin-left: 120px;
     text-align: left;
   }
@@ -251,7 +251,7 @@ div.base-info-item {
     color: #999;
   }
 
-  /deep/ .el-collapse-item__content {
+  ::v-deep .el-collapse-item__content {
     padding: 10px 0;
     text-align: left;
   }
@@ -296,11 +296,11 @@ div.base-info-item {
 
 /*图片上传组件第一张图设置封面*/
 .goods-images {
-  /deep/ li.el-upload-list__item:first-child {
+  ::v-deep li.el-upload-list__item:first-child {
     position: relative;
   }
 
-  /deep/ li.el-upload-list__item:first-child:after {
+  ::v-deep li.el-upload-list__item:first-child:after {
     content: "封";
     color: #fff;
     font-weight: bold;
@@ -394,7 +394,7 @@ div.base-info-item {
 }
 
 .required {
-  /deep/ .ivu-form-item-label::before {
+  ::v-deep .ivu-form-item-label::before {
     content: "*";
     display: inline-block;
     margin-right: 4px;
@@ -483,7 +483,7 @@ div.base-info-item {
   justify-content: center;
   align-items: center;
 
-  /deep/ img {
+  ::v-deep img {
     margin-right: 20px;
     width: 100px;
     margin-left: 10px;
@@ -491,7 +491,7 @@ div.base-info-item {
 
 
 
-  /deep/ p {
+  ::v-deep p {
     color: #999;
     font-size: 14px;
     margin-top: 10px;
diff --git a/seller/src/views/goods/goods-seller/goodsOperationFirst.vue b/seller/src/views/goods/goods-seller/goodsOperationFirst.vue
index 47af4085..2151671c 100644
--- a/seller/src/views/goods/goods-seller/goodsOperationFirst.vue
+++ b/seller/src/views/goods/goods-seller/goodsOperationFirst.vue
@@ -254,7 +254,7 @@ export default {
 </script>
 <style lang="scss" scoped>
 @import "./addGoods.scss";
-/deep/ .ivu-scroll-container {
+::v-deep .ivu-scroll-container {
   height: 450px !important;
 }
 </style>
diff --git a/seller/src/views/home/home.scss b/seller/src/views/home/home.scss
index 41218860..69d82189 100644
--- a/seller/src/views/home/home.scss
+++ b/seller/src/views/home/home.scss
@@ -11,7 +11,7 @@ h4 {
   margin: 20px 0;
   font-size: 18px;
 }
-/deep/ .ivu-icon {
+::v-deep .ivu-icon {
   margin-right: 10px;
 }
 .rate-box {
@@ -82,7 +82,7 @@ h4 {
   font-weight: bold;
   width: 286px;
   display: flex;
-  /deep/ span {
+  ::v-deep span {
     color: $theme_color;
     font-size: 18px;
   }
diff --git a/seller/src/views/home/home.vue b/seller/src/views/home/home.vue
index ea41bbde..3a56961e 100644
--- a/seller/src/views/home/home.vue
+++ b/seller/src/views/home/home.vue
@@ -295,7 +295,7 @@ export default {
 <style lang="scss" scoped>
 @import "./home.scss";
 .noticesDetail{
-  /deep/ img{
+  ::v-deep img{
     max-width: 100%;
     max-height: 200px;
   }
diff --git a/seller/src/views/lili-components/multiple-region.vue b/seller/src/views/lili-components/multiple-region.vue
index 21f07bdc..d3f36f5e 100644
--- a/seller/src/views/lili-components/multiple-region.vue
+++ b/seller/src/views/lili-components/multiple-region.vue
@@ -215,7 +215,7 @@ export default {
     margin: 0 4px;
   }
 }
-/deep/ .ivu-modal-body {
+::v-deep .ivu-modal-body {
   height: 400px !important;
   overflow: auto;
 }
diff --git a/seller/src/views/lili-dialog/index.vue b/seller/src/views/lili-dialog/index.vue
index e9d748ff..c2966eb1 100755
--- a/seller/src/views/lili-dialog/index.vue
+++ b/seller/src/views/lili-dialog/index.vue
@@ -80,11 +80,11 @@ export default {
 };
 </script>
 <style scoped lang="scss">
-/deep/ .ivu-modal {
+::v-deep .ivu-modal {
   overflow: hidden;
   height: 650px !important;
 }
-/deep/ .ivu-modal-body {
+::v-deep .ivu-modal-body {
   width: 100%;
   height: 500px;
   overflow: hidden;
diff --git a/seller/src/views/lili-dialog/link-dialog.vue b/seller/src/views/lili-dialog/link-dialog.vue
index a6d7f3f7..572d67a8 100755
--- a/seller/src/views/lili-dialog/link-dialog.vue
+++ b/seller/src/views/lili-dialog/link-dialog.vue
@@ -64,11 +64,11 @@ export default {
   width: 100%;
 }
 
-/deep/ .ivu-modal {
+::v-deep .ivu-modal {
   overflow: hidden;
   height: 650px !important;
 }
-/deep/ .ivu-modal-body {
+::v-deep .ivu-modal-body {
   width: 100%;
   height: 500px;
   overflow: hidden;
diff --git a/seller/src/views/lili-dialog/style.scss b/seller/src/views/lili-dialog/style.scss
index 5faf806f..c1dac8d9 100755
--- a/seller/src/views/lili-dialog/style.scss
+++ b/seller/src/views/lili-dialog/style.scss
@@ -36,11 +36,11 @@
         }
     }
 }
-/deep/ .ivu-scroll-container {
+::v-deep .ivu-scroll-container {
     width: 100% !important;
     height: 400px !important;
 }
-/deep/ .ivu-scroll-content {
+::v-deep .ivu-scroll-content {
     /* */
     display: flex;
     flex-wrap: wrap;
@@ -70,7 +70,7 @@
     overflow: hidden;
     align-items: center;
     margin: 10px;
-    /deep/ img {
+    ::v-deep img {
         width: 60px;
         height: 60px;
         text-align: center;
diff --git a/seller/src/views/lili-dialog/template/other.vue b/seller/src/views/lili-dialog/template/other.vue
index bc74ad71..c1e1c411 100644
--- a/seller/src/views/lili-dialog/template/other.vue
+++ b/seller/src/views/lili-dialog/template/other.vue
@@ -127,7 +127,7 @@ export default {
   text-align: center;
   transition: 0.35s;
   cursor: pointer;
-  /deep/ p {
+  ::v-deep p {
     margin: 10px 0;
   }
   border: 1px solid #ededed;
diff --git a/seller/src/views/lili-dialog/template/pages.vue b/seller/src/views/lili-dialog/template/pages.vue
index 407de5b7..dd2908e0 100644
--- a/seller/src/views/lili-dialog/template/pages.vue
+++ b/seller/src/views/lili-dialog/template/pages.vue
@@ -33,7 +33,7 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-/deep/ .ivu-card-body {
+::v-deep .ivu-card-body {
   height: 414px;
   overflow: auto;
 }
@@ -69,11 +69,11 @@ export default {
   height: 416px;
   overflow: hidden;
 }
-/deep/ .ivu-table {
+::v-deep .ivu-table {
   height: 300px !important;
   overflow: auto;
 }
-/deep/ .ivu-card-body {
+::v-deep .ivu-card-body {
   padding: 0;
   height: auto;
 }
diff --git a/seller/src/views/main-components/shrinkable-menu/styles/menu.scss b/seller/src/views/main-components/shrinkable-menu/styles/menu.scss
index 3fc8c569..c01f328d 100644
--- a/seller/src/views/main-components/shrinkable-menu/styles/menu.scss
+++ b/seller/src/views/main-components/shrinkable-menu/styles/menu.scss
@@ -19,8 +19,8 @@
 .ivu-menu-dark.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu), .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu-title-active:not(.ivu-menu-submenu){
   color: #ed3f14;
 }
-/deep/.ivu-menu-vertical .ivu-menu-item-group-title {
+::v-deep .ivu-menu-vertical .ivu-menu-item-group-title{
   height: 40px;
   line-height: 40px;
   padding-left: 20px;
-}
\ No newline at end of file
+}
diff --git a/seller/src/views/main-components/tags-page-opened.vue b/seller/src/views/main-components/tags-page-opened.vue
index 3983e07f..baa31e0e 100644
--- a/seller/src/views/main-components/tags-page-opened.vue
+++ b/seller/src/views/main-components/tags-page-opened.vue
@@ -267,7 +267,7 @@ export default {
 }
 
 .ivu-tag-primary{
-  /deep/ .ivu-tag-dot-inner{
+  ::v-deep .ivu-tag-dot-inner{
     background: $theme_color !important;
   }
 }
diff --git a/seller/src/views/order/after-order/orderComplaintDetail.vue b/seller/src/views/order/after-order/orderComplaintDetail.vue
index fd30317b..4e4e3425 100644
--- a/seller/src/views/order/after-order/orderComplaintDetail.vue
+++ b/seller/src/views/order/after-order/orderComplaintDetail.vue
@@ -381,7 +381,7 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-/deep/ .ivu-col {
+::v-deep .ivu-col {
   width: 100% !important;
 }
 
diff --git a/seller/src/views/order/order/exportOrderDeliver.vue b/seller/src/views/order/order/exportOrderDeliver.vue
index c66a2393..ff8e5fa1 100644
--- a/seller/src/views/order/order/exportOrderDeliver.vue
+++ b/seller/src/views/order/order/exportOrderDeliver.vue
@@ -201,7 +201,7 @@ img {
     font-size: 28px;
     margin: 10px;
   }
-  /deep/ .btn {
+  ::v-deep .btn {
     margin: 10px;
   }
 }
diff --git a/seller/src/views/promotion/live/addLive.vue b/seller/src/views/promotion/live/addLive.vue
index 8673b848..196fb69a 100644
--- a/seller/src/views/promotion/live/addLive.vue
+++ b/seller/src/views/promotion/live/addLive.vue
@@ -532,7 +532,7 @@ export default {
 <style lang="scss" scoped>
 .action {
   display: flex;
-  /deep/ .ivu-btn {
+  ::v-deep .ivu-btn {
     margin: 0 5px !important;
   }
 }
diff --git a/seller/src/views/promotion/pintuan/pintuan-edit.vue b/seller/src/views/promotion/pintuan/pintuan-edit.vue
index fc6f6a9c..33074755 100644
--- a/seller/src/views/promotion/pintuan/pintuan-edit.vue
+++ b/seller/src/views/promotion/pintuan/pintuan-edit.vue
@@ -181,7 +181,7 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-/deep/ .ivu-form-item {
+::v-deep .ivu-form-item {
   padding: 18px 10px !important;
 }
 </style>
diff --git a/seller/src/views/shop/bill/accountStatementBill.vue b/seller/src/views/shop/bill/accountStatementBill.vue
index 073acd6f..5cc8fbd7 100644
--- a/seller/src/views/shop/bill/accountStatementBill.vue
+++ b/seller/src/views/shop/bill/accountStatementBill.vue
@@ -225,7 +225,7 @@
 <style lang="scss" scoped>
   // 建议引入通用样式 可删除下面样式代码
    @import "@/styles/table-common.scss";
-   /deep/ .ivu-col{
+   ::v-deep .ivu-col{
      min-height: 100vh;
    }
 </style>
diff --git a/seller/src/views/shop/bill/billDetail.vue b/seller/src/views/shop/bill/billDetail.vue
index bf439b8f..28a05e11 100644
--- a/seller/src/views/shop/bill/billDetail.vue
+++ b/seller/src/views/shop/bill/billDetail.vue
@@ -654,7 +654,7 @@ table {
   margin: 10px 0;
   padding: 10px;
 
-  /deep/ span {
+  ::v-deep span {
     font-size: 14px;
     text-align: center;
     width: 200px;
diff --git a/seller/src/views/shop/hotzone/index.vue b/seller/src/views/shop/hotzone/index.vue
index 90d75467..53c0c7e7 100644
--- a/seller/src/views/shop/hotzone/index.vue
+++ b/seller/src/views/shop/hotzone/index.vue
@@ -57,11 +57,11 @@ export default {
 };
 </script>
 <style scoped lang="scss">
-/deep/ .ivu-modal {
+::v-deep .ivu-modal {
   overflow: hidden;
   height: 650px !important;
 }
-/deep/ .ivu-modal-body {
+::v-deep .ivu-modal-body {
   width: 100%;
   height: 500px;
   overflow: hidden;
diff --git a/seller/src/views/shop/modelForm.vue b/seller/src/views/shop/modelForm.vue
index 4820bda9..0bf69342 100644
--- a/seller/src/views/shop/modelForm.vue
+++ b/seller/src/views/shop/modelForm.vue
@@ -353,7 +353,7 @@ export default {
   .search {
     width: 460px;
     margin: 0 auto;
-    /deep/ .ivu-input.ivu-input-large {
+    ::v-deep .ivu-input.ivu-input-large {
       border: 2px solid $theme_color;
       font-size: 12px;
       height: 34px;
@@ -361,7 +361,7 @@ export default {
         box-shadow: none;
       }
     }
-    /deep/ .ivu-input-group-append {
+    ::v-deep .ivu-input-group-append {
       border: 1px solid $theme_color;
       border-left: none;
       height: 30px;
diff --git a/seller/src/views/shop/wap/decorate.scss b/seller/src/views/shop/wap/decorate.scss
index 968e51f6..0d0b04a8 100644
--- a/seller/src/views/shop/wap/decorate.scss
+++ b/seller/src/views/shop/wap/decorate.scss
@@ -1,5 +1,5 @@
 
-/deep/ .ivu-modal-mask,.ivu-modal-wrap{
+::v-deep .ivu-modal-mask,::v-deep .ivu-modal-wrap{
   z-index: 800;
 }
 .decorate-view-link{
diff --git a/seller/src/views/shop/wap/style.scss b/seller/src/views/shop/wap/style.scss
index 3009bbad..600b2f31 100644
--- a/seller/src/views/shop/wap/style.scss
+++ b/seller/src/views/shop/wap/style.scss
@@ -84,7 +84,7 @@
   text-align: center;
   font-weight: bold;
   line-height: 2;
-  /deep/ img {
+  ::v-deep img {
     margin: 0 auto;
   }
 }
diff --git a/seller/src/views/statistics/order.vue b/seller/src/views/statistics/order.vue
index 139093fd..ea1fd147 100644
--- a/seller/src/views/statistics/order.vue
+++ b/seller/src/views/statistics/order.vue
@@ -718,7 +718,7 @@ export default {
       z-index: 2;
     }
   }
-  /deep/ .box {
+  ::v-deep .box {
     color: #fff;
     position: absolute;