refactor: 将深度选择器语法更新为v-deep

-在多个Vue和SCSS文件中用::v-deep替换弃用的/deep/选择器，以便更好地与Vue的范围样式兼容。
2025-12-16 23:45:53 +08:00 · 2025-10-21 10:33:59 +08:00
parent 3219f6d576
commit 1fcc016ccd
44 changed files with 83 additions and 81 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -11,3 +11,4 @@ node_modules/
 .hbuilderx/launch.json
 .project.config.json
 .project.private.config.json
+
--- a/components/m-buy/goods.vue
+++ b/components/m-buy/goods.vue
@@ -437,7 +437,7 @@ export default {
 	box-shadow: 0 2px 6px 0 rgba(255, 65, 66, 0.2);
 }

-/deep/.u-icon-plus,
+::v-deep.u-icon-plus,
 .u-icon-minus,
 .u-icon-disabled {
 	height: 30rpx !important;
@@ -457,7 +457,7 @@ export default {
 	}
 }

-/deep/ .uni-scroll-view {
+::v-deep .uni-scroll-view {
 	overflow: hidden !important;
 }

@@ -546,7 +546,7 @@ export default {
 	color: #999;
 	margin-left: 10rpx;

-	/deep/ span {
+	::v-deep span {
 		font-size: 30rpx;
 	}
 }
--- a/components/m-goods-list/base-list.vue
+++ b/components/m-goods-list/base-list.vue
@@ -268,7 +268,7 @@ export default {
      color: $main-color;
      font-weight: bold;

-      /deep/ span:nth-of-type(1) {
+      ::v-deep span:nth-of-type(1) {
        font-size: 38rpx;
      }
    }
--- a/components/m-goods-list/list.vue
+++ b/components/m-goods-list/list.vue
@@ -331,7 +331,7 @@
 					color: $main-color;
 					font-weight: bold;
 	
-					/deep/ span:nth-of-type(1) {
+					::v-deep span:nth-of-type(1) {
 						font-size: 38rpx;
 					}
 				}
--- a/components/m-goods-list/promotion.vue
+++ b/components/m-goods-list/promotion.vue
@@ -162,7 +162,7 @@
 			color: $main-color;
 			font-weight: bold;

-			/deep/ span:nth-of-type(1) {
+			::v-deep span:nth-of-type(1) {
 				font-size: 48rpx;
 			}
 		}
--- a/components/m-search-revision/m-search-revision.vue
+++ b/components/m-search-revision/m-search-revision.vue
@@ -164,7 +164,7 @@ export default {
  width: 100%;
  //border-bottom: 1px #f5f5f5 solid; //HM修改 去掉边框
  box-sizing: border-box;
-  font-size: $uni-font-size-base;
+  font-size: 24rpx;

  .left-box {
    display: flex;
--- a/pages.json
+++ b/pages.json
@@ -367,7 +367,8 @@
 				}, {
 					"path": "point/myPoint",
 					"style": {
-						"navigationBarTitleText": "我的积分"
+						"navigationBarTitleText": "",
+						"navigationStyle": "custom"
 					}
 				},
 				 {
--- a/pages/cart/payment/payOrder.vue
+++ b/pages/cart/payment/payOrder.vue
@@ -447,7 +447,7 @@
  width: 100%;
 }

-/deep/ .u-row {
+::v-deep .u-row {
  width: 100% !important;
  display: flex;
  justify-content: space-between !important;
--- a/pages/mine/address/add.vue
+++ b/pages/mine/address/add.vue
@@ -292,7 +292,7 @@ export default {
 </script>
 <style scoped lang="scss">
 .detailAddress {
-  /deep/ .u-form-item--left {
+  ::v-deep .u-form-item--left {
    display: flex;
    align-items: flex-start;
  }
@@ -332,7 +332,7 @@ export default {
  width: 100%;
  padding-top: 3%;

-  /deep/ .u-form-item {
+  ::v-deep .u-form-item {
    background-color: #fff;
    padding: 24rpx 30rpx;
  }
@@ -341,7 +341,7 @@ export default {
    background-color: $main-color;
  }

-  /deep/.u-checkbox {
+  ::v-deep.u-checkbox {
    margin: 30rpx 30rpx 0 30rpx;

    .u-label-class.u-checkbox__label {
@@ -350,7 +350,7 @@ export default {
    }
  }
 }
-/deep/ .u-checkbox__label {
+::v-deep .u-checkbox__label {
  font-size: 28rpx;
 }
 </style>
--- a/pages/mine/deposit/style.scss
+++ b/pages/mine/deposit/style.scss
@@ -1,9 +1,9 @@
-/deep/ .u-input__input,
+::v-deep .u-input__input,
 .u-input {
  font-size: 80rpx !important;
  height: 102rpx !important;
 }
-/deep/ .u-input__input {
+::v-deep .u-input__input {
  height: 100%;
  font-size: 80rpx;
 }
@@ -43,4 +43,4 @@
  border-radius: 10rpx;
  text-align: center;
  line-height: 90rpx;
-}
+}
--- a/pages/mine/distribution/withdrawal.vue
+++ b/pages/mine/distribution/withdrawal.vue
@@ -82,13 +82,13 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-/deep/ .u-input__input,
+::v-deep .u-input__input,
 .u-input {
  font-size: 80rpx !important;
  height: 102rpx !important;
 
 }
-/deep/ .u-input__input{
+::v-deep .u-input__input{
  height: 100%;
   font-size: 80rpx;
 }
@@ -126,4 +126,4 @@ export default {
  text-align: center;
  line-height: 90rpx;
 }
-</style>
+</style>
--- a/pages/mine/msgTips/main.vue
+++ b/pages/mine/msgTips/main.vue
@@ -86,7 +86,7 @@
 		background: #f9f9f9;
 	}

-	/deep/ .u-col-2 {
+	::v-deep .u-col-2 {
 		height: 60px;
 		line-height: 60px;
 		text-align: center !important;
--- a/pages/mine/myCollect.vue
+++ b/pages/mine/myCollect.vue
@@ -300,7 +300,7 @@
 		width: 100%;
 	}

-	/deep/ .u-swipe-content {
+	::v-deep .u-swipe-content {
 		overflow: hidden;
 	}

--- a/pages/mine/point/myPoint.vue
+++ b/pages/mine/point/myPoint.vue
@@ -151,10 +151,10 @@ export default {
  border-radius: 0 0 20rpx 20rpx;
  margin: 0 20rpx;
  font-size: 26rpx;
-  /deep/ .u-col {
+  ::v-deep .u-col {
    text-align: center !important;
  }
-  /deep/ .u-col:first-child {
+  ::v-deep .u-col:first-child {
    border-right: 1px solid $border-color-light;
  }
  .pcolor {
--- a/pages/mine/set/feedBack.vue
+++ b/pages/mine/set/feedBack.vue
@@ -143,7 +143,7 @@ export default {
  padding: 32rpx;
  margin-bottom: 40rpx;
 }
-/deep/ .u-input__textarea {
+::v-deep .u-input__textarea {
  padding: 12px;
 }
 .feedBack-box:nth-of-type(1) {
--- a/pages/mine/set/personMsg.vue
+++ b/pages/mine/set/personMsg.vue
@@ -236,7 +236,7 @@ page{
    border-radius: 50%;
  }
 }
-/deep/ .u-form {
+::v-deep .u-form {
  background-color: #ffffff;
  padding: 0;
  margin-top: 30rpx;
--- a/pages/mine/set/securityCenter/bindMobile.vue
+++ b/pages/mine/set/securityCenter/bindMobile.vue
@@ -187,12 +187,12 @@ import uuid from "@/utils/uuid.modified.js";
 <style lang="scss" scoped>
 	@import url("@/pages/passport/login.scss");

-	/deep/ .u-form-item {
+	::v-deep .u-form-item {
 		margin: 40rpx 0;
 	}

 	.sendCode {
-		/deep/ .u-form-item--right__content__slot {
+		::v-deep .u-form-item--right__content__slot {
 			display: flex;
 		}
 	}
--- a/pages/mine/set/securityCenter/editLoginPassword.vue
+++ b/pages/mine/set/securityCenter/editLoginPassword.vue
@@ -120,12 +120,12 @@
 <style lang="scss" scoped>
 	@import url("@/pages/passport/login.scss");

-	/deep/ .u-form-item {
+	::v-deep .u-form-item {
 		margin: 40rpx 0;
 	}

 	.sendCode {
-		/deep/ .u-form-item--right__content__slot {
+		::v-deep .u-form-item--right__content__slot {
 			display: flex;
 		}
 	}
--- a/pages/mine/set/securityCenter/editPassword.vue
+++ b/pages/mine/set/securityCenter/editPassword.vue
@@ -241,12 +241,12 @@
 <style lang="scss" scoped>
 	@import url("@/pages/passport/login.scss");

-	/deep/ .u-form-item {
+	::v-deep .u-form-item {
 		margin: 40rpx 0;
 	}

 	.sendCode {
-		/deep/ .u-form-item--right__content__slot {
+		::v-deep .u-form-item--right__content__slot {
 			display: flex;
 		}
 	}
--- a/pages/mine/set/setUp.vue
+++ b/pages/mine/set/setUp.vue
@@ -202,11 +202,11 @@ export default {
  color: #333333;
 }

-/deep/ .u-cell__value {
+::v-deep .u-cell__value {
  color: #cccccc !important;
 }

-/deep/ .u-cell__right-icon-wrap {
+::v-deep .u-cell__right-icon-wrap {
  color: #cccccc !important;
 }
 </style>
--- a/pages/navigation/search/search.scss
+++ b/pages/navigation/search/search.scss
@@ -86,7 +86,7 @@ page {
    line-height: 70rpx;
    font-size: 24rpx;
  }
-  /deep/ .uni-input-input {
+  ::v-deep .uni-input-input {
    font-size: 24rpx;
  }
 }
@@ -441,7 +441,7 @@ view {
  padding-top: 300rpx;
  color: #999999;
  text-align: center;
-  /deep/ .u-image {
+  ::v-deep .u-image {
    width: 346rpx;
    height: 304rpx;
  }
--- a/pages/order/complain/complain.vue
+++ b/pages/order/complain/complain.vue
@@ -217,7 +217,7 @@ export default {
  }
 }

-/deep/ .u-input__textarea {
+::v-deep .u-input__textarea {
  padding: 0;
 }
 .cell-title {
--- a/pages/order/complain/complainList.vue
+++ b/pages/order/complain/complainList.vue
@@ -28,7 +28,7 @@
        <view class="complain-speak"> {{ item.complainTopic }} </view>
      </view>
      <view class="complain-btn">
-        <u-tag mode="plain" @click="handleClear(item)" class="complain-tag" text="撤销投诉" type="info"
+        <u-tag mode="plain" @click="handleClear(item)" class="complain-tag" text="撤销投诉" type="info"
 		 v-if="item.complainStatus === 'APPLYING' || item.complainStatus === 'NEW'" />
        <u-tag mode="plain" @click="handleInfo(item)" class="complain-tag" text="投诉详情" type="info" />
      </view>
@@ -162,7 +162,7 @@ export default {
  font-size: 24rpx;
  color: #999;
 }
-/deep/ .seller-name {
+::v-deep .seller-name {
  width: auto !important;
 }
 .complain-btn {
--- a/pages/order/fillorder.vue
+++ b/pages/order/fillorder.vue
@@ -881,7 +881,7 @@ page {
 }

 .uinput {
-  /deep/ input {
+  ::v-deep input {
    text-align: right;
  }
 }
@@ -976,7 +976,7 @@ page {
  text-align: left;
 }

-/deep/ .u-col-3 {
+::v-deep .u-col-3 {
  text-align: right;
 }

@@ -1011,7 +1011,7 @@ page {
  }
 }

-/deep/ .u-notice-bar-wrap {
+::v-deep .u-notice-bar-wrap {
  width: 100% !important;
 }

@@ -1128,11 +1128,11 @@ page {
  color: #333333;
 }

-/deep/ .u-col {
+::v-deep .u-col {
  padding: 36rpx 0 !important;
 }

-/deep/ .u-col-3,
+::v-deep .u-col-3,
 .tipsColor {
  color: #333;
 }
--- a/pages/passport/login.scss
+++ b/pages/passport/login.scss
@@ -11,7 +11,7 @@
 	position: relative;
 }

-/deep/ .u-form-item--right__content__slot {
+::v-deep .u-form-item--right__content__slot {
 	width: 100%;
 	display: block;
 }
--- a/pages/product/askList.vue
+++ b/pages/product/askList.vue
@@ -121,7 +121,7 @@ export default {
  padding: 32rpx;
 }

-/deep/ .u-col {
+::v-deep .u-col {
  text-align: center;
  padding: 16rpx 0 !important;
 }
--- a/pages/product/product/goods/-goods-intro.vue
+++ b/pages/product/product/goods/-goods-intro.vue
@@ -120,18 +120,18 @@ export default {
 .empty {
  margin: 40rpx 0;
 }
-.goods-detail /deep/ .vhtml {
+.goods-detail ::v-deep .vhtml {
  overflow: hidden;

  width: 100%;
 }
 .vhtml {
-  /deep/ img {
+  ::v-deep img {
    display: block !important;
  }
 }

-/deep/ img {
+::v-deep img {
  width: 100%;
 }
 .goods-detail-box {
--- a/pages/product/product/goods/-goods-swiper.vue
+++ b/pages/product/product/goods/-goods-swiper.vue
@@ -104,7 +104,7 @@ export default {
  }
 }

-/deep/ .image-wrapper image {
+::v-deep .image-wrapper image {
  opacity: 1 !important;
 }

--- a/pages/product/product/promotion/-promotion-details.vue
+++ b/pages/product/product/promotion/-promotion-details.vue
@@ -125,7 +125,7 @@ export default {
  display: block;
 }

-/deep/ .u-mode-light-error {
+::v-deep .u-mode-light-error {
  border: none;
 }

--- a/pages/product/product/promotion/-promotion.vue
+++ b/pages/product/product/promotion/-promotion.vue
@@ -126,7 +126,7 @@ export default {
 	color: #333333;
 	margin-left: 20rpx;
 }
-/deep/ .u-mode-light-error {
+::v-deep .u-mode-light-error {
 	border: none;
 }
 .coupon{
--- a/pages/product/product/promotion/group.scss
+++ b/pages/product/product/promotion/group.scss
@@ -35,7 +35,7 @@
 	background: #ffe7e6 !important;
 	text-align: center !important;
 }
-/deep/ .u-mode-light-error {
+::v-deep .u-mode-light-error {
 	border: none;
 }

--- a/pages/product/product/shop/-shop.vue
+++ b/pages/product/product/shop/-shop.vue
@@ -87,14 +87,14 @@ export default {
  overflow: hidden;
  border-radius: 12rpx;

-  /deep/ .u-image__image {
+  ::v-deep .u-image__image {
    height: 218rpx;
    border-radius: 12rpx !important;
  }
 }

 .recommend-item-img {
-  /deep/ .u-image__image {
+  ::v-deep .u-image__image {
    width: 100% !important;
  }
 }
@@ -190,7 +190,7 @@ export default {
  flex-wrap: wrap;
  justify-content: space-between;

-  /deep/ .u-row {
+  ::v-deep .u-row {
    width: 100%;
  }

--- a/pages/product/product/style.scss
+++ b/pages/product/product/style.scss
@@ -101,7 +101,7 @@ page {
    color: $price-color;
    font-size: 32rpx;
    line-height: 1;
-    /deep/ .price {
+    ::v-deep .price {
        font-size: 60rpx;
    }
 }
@@ -124,7 +124,7 @@ page {
    overflow: hidden;
    border-radius: 12rpx;

-    /deep/ .u-image__image {
+    ::v-deep .u-image__image {
        // width: 228rpx;
        height: 228rpx;
        border-radius: 12rpx !important;
@@ -200,7 +200,7 @@ page {
    font-size: 30rpx;
    transition: all 0.5s;
 }
-/deep/ .u-navbar {
+::v-deep .u-navbar {
    padding-left: 10rpx;
 }
 .nav-item {
@@ -356,7 +356,7 @@ page {
    z-index: 8;
    width: 100%;

-    /deep/ .u-row {
+    ::v-deep .u-row {
        width: 100%;
    }
 }
@@ -368,7 +368,7 @@ page {
    color: #fff;
    padding: 0 20rpx;

-    /deep/ .price {
+    ::v-deep .price {
        font-size: 36rpx;
        font-weight: 400;
        text-align: left;
--- a/pages/promotion/point/pointList.vue
+++ b/pages/promotion/point/pointList.vue
@@ -290,7 +290,7 @@ page {
 }

 .index-item-img {
-  /deep/ .u-image {
+  ::v-deep .u-image {
    width: 346rpx !important;
    height: 320rpx !important;
    border-radius: 10rpx !important;
--- a/pages/promotion/style.scss
+++ b/pages/promotion/style.scss
@@ -26,7 +26,7 @@
 	color: #999999;
 	margin: 0 20rpx;

-	/deep/ view {
+	::v-deep view {
 		line-height: 1.75;
 	}
 }
@@ -121,7 +121,7 @@
 	text-align: center;
 	padding: 6rpx 16rpx;
 }
-/deep/ .empty {
+::v-deep .empty {
 	position: relative;
 	padding-top: 20%;
 	> .empty-content {
--- a/pages/tabbar/cart/cartList.vue
+++ b/pages/tabbar/cart/cartList.vue
@@ -570,7 +570,7 @@ page {
  font-weight: bold;
  display: flex;
  align-items: center;
-  /deep/ .tips {
+  ::v-deep .tips {
    margin: 0 8rpx 0 0;
    background: $main-color;
    border-radius: 100px;
@@ -604,14 +604,14 @@ page {
 }

 /* 空白页 */
-/deep/ .u-number-input {
+::v-deep .u-number-input {
  background: #fff !important;
  border: 1px solid #ededed;
  margin: 0 !important;
 }

-/deep/ .u-icon-minus,
-/deep/ .u-icon-plus {
+::v-deep .u-icon-minus,
+::v-deep .u-icon-plus {
  background: #ffffff !important;
  border: 1px solid #ededed;
  color: #333 !important;
@@ -665,7 +665,7 @@ page {
  display: flex;
  align-items: center;

-  /deep/ .number {
+  ::v-deep .number {
    line-height: 1;
    font-size: 30rpx;
    > span {
@@ -691,7 +691,7 @@ page {
  height: 100%;
 }

-/deep/ .u-col {
+::v-deep .u-col {
  padding: 24rpx 0 !important;
 }

@@ -735,7 +735,7 @@ page {
 .goods-config {
  display: flex;
  align-items: center;
-  /deep/ .invalid {
+  ::v-deep .invalid {
    display: block;
    width: 80rpx !important;
  }
@@ -765,7 +765,7 @@ page {
  height: 40rpx;
  border-left: 1px solid #eeeeee;

-  /deep/ span {
+  ::v-deep span {
    margin-left: 20rpx;
  }
 }
@@ -814,10 +814,10 @@ page {
  display: flex;
  justify-content: space-between;
  > .sp-price {
-    /deep/ span:nth-of-type(1) {
+    ::v-deep span:nth-of-type(1) {
      font-size: 38rpx;
    }
-    /deep/ span:nth-of-type(2) {
+    ::v-deep span:nth-of-type(2) {
      font-size: 24rpx;
    }
  }
--- a/pages/tabbar/category/category.vue
+++ b/pages/tabbar/category/category.vue
@@ -211,7 +211,7 @@ uni-scroll-view .uni-scroll-view::-webkit-scrollbar {
      border-radius: 8px;
      margin-bottom: 20rpx;
    }
-    /deep/ .u-image {
+    ::v-deep .u-image {
      width: 140rpx !important;
      height: 140rpx !important;
      border-radius: 8px !important;
--- a/pages/tabbar/home/web-view.vue
+++ b/pages/tabbar/home/web-view.vue
@@ -45,7 +45,7 @@ export default {

 <style lang="scss" scoped>
 .web-view {
-  /deep/ .web-view {
+  ::v-deep .web-view {
    padding: 0;
    margin: 0;
  }
--- a/pages/tabbar/user/my.vue
+++ b/pages/tabbar/user/my.vue
@@ -219,7 +219,7 @@ body {
      line-height: 1;
    }

-    /deep/ .u-icon,
+    ::v-deep .u-icon,
    .u-icon {
      margin-top: 106rpx;
    }
--- a/uni.scss
+++ b/uni.scss
@@ -65,7 +65,7 @@ $font-weight: 400;
 }
 .bg-light-color {
 	background-color: $light-color !important;
-	/deep/ * {
+	::v-deep * {
 		background-color: $light-color !important;
 	}
 }
--- a/uview-ui/components/u-dropdown-list/u-dropdown-list.vue
+++ b/uview-ui/components/u-dropdown-list/u-dropdown-list.vue
@@ -232,7 +232,7 @@ export default {
  > text {
    margin-right: 10rpx;
  }
-  /deep/ {
+  ::v-deep {
    .uicon {
      position: relative;
      top: -2rpx;
--- a/uview-ui/components/u-table/u-table.vue
+++ b/uview-ui/components/u-table/u-table.vue
@@ -88,7 +88,7 @@
 	}

 	/* #ifdef MP */
-	.u-table /deep/ t-tr {
+	.u-table ::v-deep t-tr {
 		display: flex;
 	}
 	/* #endif */
--- a/uview-ui/components/u-tabs-swiper/u-tabs-swiper.vue
+++ b/uview-ui/components/u-tabs-swiper/u-tabs-swiper.vue
@@ -393,7 +393,7 @@

 	/* #ifdef H5 */
 	// 通过样式穿透，隐藏H5下，scroll-view下的滚动条
-	scroll-view /deep/ ::-webkit-scrollbar {
+	scroll-view ::v-deep ::-webkit-scrollbar {
 		display: none;
 		width: 0 !important;
 		height: 0 !important;
--- a/uview-ui/components/u-tabs/u-tabs.vue
+++ b/uview-ui/components/u-tabs/u-tabs.vue
@@ -312,7 +312,7 @@

 	/* #ifdef H5 */
 	// 通过样式穿透，隐藏H5下，scroll-view下的滚动条
-	scroll-view /deep/ ::-webkit-scrollbar {
+	scroll-view ::v-deep ::-webkit-scrollbar {
 		display: none;
 		width: 0 !important;
 		height: 0 !important;