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

-在多个Vue和SCSS文件中用::v-deep替换弃用的/deep/选择器,以便更好地与Vue的范围样式兼容。
This commit is contained in:
Yer11214
2025-10-21 10:33:59 +08:00
parent 3219f6d576
commit 1fcc016ccd
44 changed files with 83 additions and 81 deletions

View File

@@ -121,7 +121,7 @@ export default {
padding: 32rpx;
}
/deep/ .u-col {
::v-deep .u-col {
text-align: center;
padding: 16rpx 0 !important;
}

View File

@@ -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 {

View File

@@ -104,7 +104,7 @@ export default {
}
}
/deep/ .image-wrapper image {
::v-deep .image-wrapper image {
opacity: 1 !important;
}

View File

@@ -125,7 +125,7 @@ export default {
display: block;
}
/deep/ .u-mode-light-error {
::v-deep .u-mode-light-error {
border: none;
}

View File

@@ -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{

View File

@@ -35,7 +35,7 @@
background: #ffe7e6 !important;
text-align: center !important;
}
/deep/ .u-mode-light-error {
::v-deep .u-mode-light-error {
border: none;
}

View File

@@ -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%;
}

View File

@@ -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;