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

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

View File

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

View File

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

View File

@@ -86,7 +86,7 @@
background: #f9f9f9;
}
/deep/ .u-col-2 {
::v-deep .u-col-2 {
height: 60px;
line-height: 60px;
text-align: center !important;

View File

@@ -300,7 +300,7 @@
width: 100%;
}
/deep/ .u-swipe-content {
::v-deep .u-swipe-content {
overflow: hidden;
}

View File

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

View File

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

View File

@@ -236,7 +236,7 @@ page{
border-radius: 50%;
}
}
/deep/ .u-form {
::v-deep .u-form {
background-color: #ffffff;
padding: 0;
margin-top: 30rpx;

View File

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

View File

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

View File

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

View File

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