fix(manager端升级node版本): 更新多个组件的样式，替换 /deep/ 选择器为 ::v-deep，替换 node-sass 为 sass，优化依赖管理和兼容性，兼容node16版本

2025-12-20 01:45:53 +08:00 · 2025-09-30 11:38:38 +08:00
parent 16c4a78e29
commit ae85f0d612
45 changed files with 161 additions and 93 deletions
--- a/manager/src/views/goods/goods-manage/category.vue
+++ b/manager/src/views/goods/goods-manage/category.vue
@@ -543,7 +543,7 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-/deep/ .ivu-table-wrapper {
+::v-deep .ivu-table-wrapper {
  overflow: auto;
 }
 .table {
--- a/manager/src/views/home/home.scss
+++ b/manager/src/views/home/home.scss
@@ -10,7 +10,7 @@ h4 {
  margin: 20px 0;
  font-size: 18px;
 }
-/deep/ .ivu-icon {
+::v-deep .ivu-icon {
  margin-left: 40px;
  margin-right: 40px;
 }
--- a/manager/src/views/main-parts/message-tip.vue
+++ b/manager/src/views/main-parts/message-tip.vue
@@ -66,16 +66,16 @@ export default {
 };
 </script>
 <style scoped lang="scss">
-/deep/ .ivu-select-dropdown {
+::v-deep .ivu-select-dropdown {
  text-align: left;
 }
 .message-con {
  margin-right: 10px;
 }
-/deep/ .ivu-dropdown-item{
+::v-deep .ivu-dropdown-item{
  padding: 7px 20px  !important;
 }
-/deep/ .ivu-badge-count{
+::v-deep .ivu-badge-count{
  right: -10px !important;
 }
 </style>
--- a/manager/src/views/main-parts/shrinkable-menu/shrinkable-menu.vue
+++ b/manager/src/views/main-parts/shrinkable-menu/shrinkable-menu.vue
@@ -49,7 +49,7 @@ export default {
          this.selectNav(val.meta.firstRouterName)
        }
      }
-    } 
+    }
  },
  methods: {
    changeMenu(name) { //二级路由点击
@@ -90,7 +90,7 @@ export default {
 .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: $theme_color;
 }
-/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;
--- a/manager/src/views/member/list/index.vue
+++ b/manager/src/views/member/list/index.vue
@@ -6,7 +6,7 @@
          <Form-item label="会员ID" prop="id">
            <Input type="text" v-model="searchForm.id" placeholder="请输入会员ID" clearable style="width: 240px" />
          </Form-item>
-          
+
          <Form-item label="会员名称" prop="username">
            <Input type="text" v-model="searchForm.username" placeholder="请输入会员名称" clearable style="width: 240px" />
          </Form-item>
@@ -546,10 +546,10 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-/deep/ .ivu-table-wrapper {
+::v-deep .ivu-table-wrapper {
  width: 100%;
 }
-/deep/ .ivu-card {
+::v-deep .ivu-card {
  width: 100%;
 }
 .face {
--- a/manager/src/views/page-decoration/modelForm.vue
+++ b/manager/src/views/page-decoration/modelForm.vue
@@ -371,7 +371,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;
@@ -379,7 +379,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;
--- a/manager/src/views/page-decoration/wap/decorate.scss
+++ b/manager/src/views/page-decoration/wap/decorate.scss
@@ -1,4 +1,4 @@
-/deep/ .ivu-modal-mask,
+::v-deep .ivu-modal-mask,
 .ivu-modal-wrap {
  z-index: 800;
 }
--- a/manager/src/views/page-decoration/wap/style.scss
+++ b/manager/src/views/page-decoration/wap/style.scss
@@ -84,7 +84,7 @@
  text-align: center;
  font-weight: bold;
  line-height: 2;
-  /deep/ img {
+  ::v-deep img {
    margin: 0 auto;
  }
 }
--- a/manager/src/views/page/article-manage/HOTWORD_SETTING.vue
+++ b/manager/src/views/page/article-manage/HOTWORD_SETTING.vue
@@ -128,7 +128,7 @@ export default {
  }
 }

-/deep/ .ivu-input {
+::v-deep .ivu-input {
  width: 70px !important;
 }

@@ -138,7 +138,7 @@ export default {
 }

 .label-btns {
-  /deep/ .ivu-btn {
+  ::v-deep .ivu-btn {
    margin-right: 10px;
  }
 }
--- a/manager/src/views/page/article-manage/style.scss
+++ b/manager/src/views/page/article-manage/style.scss
@@ -1,4 +1,4 @@
-/deep/ .ivu-input{
+::v-deep .ivu-input{
  width: 200px !important;
 }

@@ -16,7 +16,7 @@
  margin-right: 10px;
 }

-/deep/ .ivu-form-item-content {
+::v-deep .ivu-form-item-content {
  margin-left: 0 !important;
  display: flex;
 }
--- a/manager/src/views/page/article-manage/template/setupHotWords.vue
+++ b/manager/src/views/page/article-manage/template/setupHotWords.vue
@@ -116,7 +116,7 @@ export default {
  width:500px;
  justify-content:space-between;
 }
-/deep/ .ivu-input {
+::v-deep .ivu-input {
  width: 100px !important;
 }
 .ivu-input-wrapper {
--- a/manager/src/views/personal-center/personal-center.vue
+++ b/manager/src/views/personal-center/personal-center.vue
@@ -188,7 +188,7 @@ export default {
  }
 }

-/deep/ .upload-list {
+::v-deep .upload-list {
  img {
    width: 100%;
    height: 100%;
--- a/manager/src/views/promotions/live/live-detail.vue
+++ b/manager/src/views/promotions/live/live-detail.vue
@@ -236,7 +236,7 @@ export default {
 <style lang="scss" scoped>
 .action {
  display: flex;
-  /deep/ .ivu-btn {
+  ::v-deep .ivu-btn {
    margin: 0 5px !important;
  }
 }
--- a/manager/src/views/promotions/points-goods/points-goods-edit.vue
+++ b/manager/src/views/promotions/points-goods/points-goods-edit.vue
@@ -287,7 +287,7 @@ div.base-info-item {
  }

  /*teatarea*/
-  /deep/ .el-textarea {
+  ::v-deep .el-textarea {
    width: 150%;
  }

@@ -315,11 +315,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;
--- a/manager/src/views/seller/bill/accountStatementBill.vue
+++ b/manager/src/views/seller/bill/accountStatementBill.vue
@@ -213,7 +213,7 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-/deep/ .ivu-col {
+::v-deep .ivu-col {
  min-height: 100vh;
 }
 </style>
--- a/manager/src/views/seller/shop/shopOperation.vue
+++ b/manager/src/views/seller/shop/shopOperation.vue
@@ -862,7 +862,7 @@ export default {
  z-index: 9;
 }

-/deep/ .ivu-tabs-bar {
+::v-deep .ivu-tabs-bar {
  margin: 0;
 }

--- a/manager/src/views/statistics/order.vue
+++ b/manager/src/views/statistics/order.vue
@@ -782,7 +782,7 @@ export default {
      z-index: 2;
    }
  }
-  /deep/ .box {
+  ::v-deep .box {
    color: #fff;
    position: absolute;

--- a/manager/src/views/sys/setting-manage/authLogin/CONNECT_SETTING.vue
+++ b/manager/src/views/sys/setting-manage/authLogin/CONNECT_SETTING.vue
@@ -123,7 +123,7 @@ export default {
  margin-right: 10px;
  display: flex;
  margin-bottom: 20px;
-  /deep/ .ivu-card-body {
+  ::v-deep .ivu-card-body {
    padding: 0 16px !important;
  }
 }
--- a/manager/src/views/sys/setting-manage/authLogin/QQ_CONNECT.vue
+++ b/manager/src/views/sys/setting-manage/authLogin/QQ_CONNECT.vue
@@ -133,7 +133,7 @@ export default {
  margin-right: 20px;
  display: flex;
  margin-bottom: 20px;
-  /deep/ .ivu-card-body {
+  ::v-deep .ivu-card-body {
    padding: 0 16px !important;
  }
 }
@@ -151,7 +151,7 @@ export default {
  padding-bottom: 10px;
  flex-direction: column;
  align-items: center;
-  /deep/ .ivu-btn {
+  ::v-deep .ivu-btn {
    width: 100px;
  }
 }
--- a/manager/src/views/sys/setting-manage/authLogin/WECHAT_CONNECT.vue
+++ b/manager/src/views/sys/setting-manage/authLogin/WECHAT_CONNECT.vue
@@ -132,7 +132,7 @@ export default {
  margin-right: 20px;
  display: flex;
  margin-bottom: 20px;
-  /deep/ .ivu-card-body {
+  ::v-deep .ivu-card-body {
    padding: 0 16px !important;
  }
 }
@@ -150,7 +150,7 @@ export default {
  padding-bottom: 10px;
  flex-direction: column;
  align-items: center;
-  /deep/ .ivu-btn {
+  ::v-deep .ivu-btn {
    width: 100px;
  }
 }
--- a/manager/src/views/sys/setting-manage/pay/ALIPAY_PAYMENT.vue
+++ b/manager/src/views/sys/setting-manage/pay/ALIPAY_PAYMENT.vue
@@ -90,12 +90,12 @@ export default {
  display: flex;
 }
 .w200 {
-  /deep/ .ivu-input {
+  ::v-deep .ivu-input {
    width: 250px !important;
    margin: 0 10px;
  }
 }
-/deep/ .ivu-input {
+::v-deep .ivu-input {
  width: 450px !important;
  margin: 0 10px;
 }
--- a/manager/src/views/sys/setting-manage/pay/PAYMENT_SUPPORT.vue
+++ b/manager/src/views/sys/setting-manage/pay/PAYMENT_SUPPORT.vue
@@ -151,7 +151,7 @@ export default {
  margin-right: 20px;
  display: flex;
  margin-bottom: 20px;
-  /deep/ .ivu-card-body {
+  ::v-deep .ivu-card-body {
    padding: 0 16px !important;
  }
 }
--- a/manager/src/views/sys/setting-manage/pay/WECHAT_PAYMENT.vue
+++ b/manager/src/views/sys/setting-manage/pay/WECHAT_PAYMENT.vue
@@ -118,13 +118,13 @@ export default {
 }

 .w200 {
-  /deep/ .ivu-input {
+  ::v-deep .ivu-input {
    width: 250px !important;
    margin: 0 10px;
  }
 }

-/deep/ .ivu-input {
+::v-deep .ivu-input {
  width: 450px !important;
  margin: 0 10px;
 }
--- a/manager/src/views/sys/setting-manage/setting/GOODS_SETTING.vue
+++ b/manager/src/views/sys/setting-manage/setting/GOODS_SETTING.vue
@@ -188,7 +188,7 @@ export default {
 .label-item {
  display: flex;
 }
-/deep/ .ivu-input {
+::v-deep .ivu-input {
  width: 100px !important;
 }
 </style>
--- a/manager/src/views/sys/setting-manage/setting/IM_SETTING.vue
+++ b/manager/src/views/sys/setting-manage/setting/IM_SETTING.vue
@@ -74,7 +74,7 @@ export default {
  display: flex;
 }

-/deep/ .ivu-input {
+::v-deep .ivu-input {
  width: 300px !important;
  margin: 0 10px;
 }
--- a/manager/src/views/sys/setting-manage/setting/LOGISTICS_SETTING.vue
+++ b/manager/src/views/sys/setting-manage/setting/LOGISTICS_SETTING.vue
@@ -113,7 +113,7 @@ export default {
  display: flex;
 }

-/deep/ .ivu-input {
+::v-deep .ivu-input {
  width: 300px !important;
  margin: 0 10px;
 }
--- a/manager/src/views/sys/setting-manage/setting/ORDER_SETTING.vue
+++ b/manager/src/views/sys/setting-manage/setting/ORDER_SETTING.vue
@@ -124,7 +124,7 @@ export default {
  margin-right: 10px;
 }

-/deep/ .ivu-input {
+::v-deep .ivu-input {
  width: 100px !important;
 }

--- a/manager/src/views/sys/setting-manage/setting/OSS_SETTING.vue
+++ b/manager/src/views/sys/setting-manage/setting/OSS_SETTING.vue
@@ -161,7 +161,7 @@ export default {
  display: flex;
 }

-/deep/ .ivu-input {
+::v-deep .ivu-input {
  width: 300px !important;
  margin: 0 10px;
 }
--- a/manager/src/views/sys/setting-manage/setting/POINT_SETTING.vue
+++ b/manager/src/views/sys/setting-manage/setting/POINT_SETTING.vue
@@ -172,7 +172,7 @@ export default {
  }
 }

-/deep/ .ivu-input {
+::v-deep .ivu-input {
  width: 70px !important;
 }

@@ -182,7 +182,7 @@ export default {
 }

 .label-btns {
-  /deep/ .ivu-btn {
+  ::v-deep .ivu-btn {
    margin-right: 10px;
  }
 }
--- a/manager/src/views/sys/setting-manage/setting/SMS_SETTING.vue
+++ b/manager/src/views/sys/setting-manage/setting/SMS_SETTING.vue
@@ -160,7 +160,7 @@ export default {
  display: flex;
 }

-/deep/ .ivu-input {
+::v-deep .ivu-input {
  width: 300px !important;
  margin: 0 10px;
 }
--- a/manager/src/views/sys/setting-manage/setting/WITHDRAWAL_SETTING.vue
+++ b/manager/src/views/sys/setting-manage/setting/WITHDRAWAL_SETTING.vue
@@ -98,7 +98,7 @@ export default {

 <style lang="scss" scoped>
@import "./style.scss";
-/deep/ .ivu-form-item-content{
+::v-deep .ivu-form-item-content{
  align-items: center;
  padding-bottom: 5px;
 }
--- a/manager/src/views/sys/setting-manage/setting/style.scss
+++ b/manager/src/views/sys/setting-manage/setting/style.scss
@@ -1,4 +1,4 @@
-/deep/ .ivu-input{
+::v-deep .ivu-input{
  width: 200px !important;
 }

@@ -21,7 +21,7 @@
  margin-right: 10px;
 }

-/deep/ .ivu-form-item-content {
+::v-deep .ivu-form-item-content {
  margin-left: 0 !important;
  display: flex;
 }