code-image-backup-public/lilishop-uniapp
1
0
Fork 0
mirror of https://gitee.com/beijing_hongye_huicheng/lilishop-uniapp.git synced 2025-12-17 16:05:53 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
-在多个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
Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored
View File

@@ -11,3 +11,4 @@ node_modules/
.hbuilderx/launch.json .hbuilderx/launch.json
.project.config.json .project.config.json
.project.private.config.json .project.private.config.json

6
components/m-buy/goods.vue
View File

@@ -437,7 +437,7 @@ export default {
box-shadow: 0 2px 6px 0 rgba(255, 65, 66, 0.2); 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-minus,
.u-icon-disabled { .u-icon-disabled {
height: 30rpx !important; height: 30rpx !important;
@@ -457,7 +457,7 @@ export default {
} }
} }
/deep/ .uni-scroll-view { ::v-deep .uni-scroll-view {
overflow: hidden !important; overflow: hidden !important;
} }
@@ -546,7 +546,7 @@ export default {
color: #999; color: #999;
margin-left: 10rpx; margin-left: 10rpx;
/deep/ span { ::v-deep span {
font-size: 30rpx; font-size: 30rpx;
} }
} }

2
components/m-goods-list/base-list.vue
View File

@@ -268,7 +268,7 @@ export default {
color: $main-color; color: $main-color;
font-weight: bold; font-weight: bold;
/deep/ span:nth-of-type(1) { ::v-deep span:nth-of-type(1) {
font-size: 38rpx; font-size: 38rpx;
} }
} }

2
components/m-goods-list/list.vue
View File

@@ -331,7 +331,7 @@
color: $main-color; color: $main-color;
font-weight: bold; font-weight: bold;
/deep/ span:nth-of-type(1) { ::v-deep span:nth-of-type(1) {
font-size: 38rpx; font-size: 38rpx;
} }
} }

2
components/m-goods-list/promotion.vue
View File

@@ -162,7 +162,7 @@
color: $main-color; color: $main-color;
font-weight: bold; font-weight: bold;
/deep/ span:nth-of-type(1) { ::v-deep span:nth-of-type(1) {
font-size: 48rpx; font-size: 48rpx;
} }
} }

2
components/m-search-revision/m-search-revision.vue
View File

@@ -164,7 +164,7 @@ export default {
width: 100%; width: 100%;
//border-bottom: 1px #f5f5f5 solid; //HM修改 去掉边框 //border-bottom: 1px #f5f5f5 solid; //HM修改 去掉边框
box-sizing: border-box; box-sizing: border-box;
font-size: $uni-font-size-base; font-size: 24rpx;
.left-box { .left-box {
display: flex; display: flex;

3
pages.json
View File

@@ -367,7 +367,8 @@
}, { }, {
"path": "point/myPoint", "path": "point/myPoint",
"style": { "style": {
"navigationBarTitleText": "我的积分" "navigationBarTitleText": "",
"navigationStyle": "custom"
} }
}, },
{ {

2
pages/cart/payment/payOrder.vue
View File

@@ -447,7 +447,7 @@
width: 100%; width: 100%;
} }
/deep/ .u-row { ::v-deep .u-row {
width: 100% !important; width: 100% !important;
display: flex; display: flex;
justify-content: space-between !important; justify-content: space-between !important;

8
pages/mine/address/add.vue
View File

@@ -292,7 +292,7 @@ export default {
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.detailAddress { .detailAddress {
/deep/ .u-form-item--left { ::v-deep .u-form-item--left {
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
} }
@@ -332,7 +332,7 @@ export default {
width: 100%; width: 100%;
padding-top: 3%; padding-top: 3%;
/deep/ .u-form-item { ::v-deep .u-form-item {
background-color: #fff; background-color: #fff;
padding: 24rpx 30rpx; padding: 24rpx 30rpx;
} }
@@ -341,7 +341,7 @@ export default {
background-color: $main-color; background-color: $main-color;
} }
/deep/.u-checkbox { ::v-deep.u-checkbox {
margin: 30rpx 30rpx 0 30rpx; margin: 30rpx 30rpx 0 30rpx;
.u-label-class.u-checkbox__label { .u-label-class.u-checkbox__label {
@@ -350,7 +350,7 @@ export default {
} }
} }
} }
/deep/ .u-checkbox__label { ::v-deep .u-checkbox__label {
font-size: 28rpx; font-size: 28rpx;
} }
</style> </style>

4
pages/mine/deposit/style.scss
View File

@@ -1,9 +1,9 @@
/deep/ .u-input__input, ::v-deep .u-input__input,
.u-input { .u-input {
font-size: 80rpx !important; font-size: 80rpx !important;
height: 102rpx !important; height: 102rpx !important;
} }
/deep/ .u-input__input { ::v-deep .u-input__input {
height: 100%; height: 100%;
font-size: 80rpx; font-size: 80rpx;
} }

4
pages/mine/distribution/withdrawal.vue
View File

@@ -82,13 +82,13 @@ export default {
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
/deep/ .u-input__input, ::v-deep .u-input__input,
.u-input { .u-input {
font-size: 80rpx !important; font-size: 80rpx !important;
height: 102rpx !important; height: 102rpx !important;
} }
/deep/ .u-input__input{ ::v-deep .u-input__input{
height: 100%; height: 100%;
font-size: 80rpx; font-size: 80rpx;
} }

2
pages/mine/msgTips/main.vue
View File

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

2
pages/mine/myCollect.vue
View File

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

4
pages/mine/point/myPoint.vue
View File

@@ -151,10 +151,10 @@ export default {
border-radius: 0 0 20rpx 20rpx; border-radius: 0 0 20rpx 20rpx;
margin: 0 20rpx; margin: 0 20rpx;
font-size: 26rpx; font-size: 26rpx;
/deep/ .u-col { ::v-deep .u-col {
text-align: center !important; text-align: center !important;
} }
/deep/ .u-col:first-child { ::v-deep .u-col:first-child {
border-right: 1px solid $border-color-light; border-right: 1px solid $border-color-light;
} }
.pcolor { .pcolor {

2
pages/mine/set/feedBack.vue
View File

@@ -143,7 +143,7 @@ export default {
padding: 32rpx; padding: 32rpx;
margin-bottom: 40rpx; margin-bottom: 40rpx;
} }
/deep/ .u-input__textarea { ::v-deep .u-input__textarea {
padding: 12px; padding: 12px;
} }
.feedBack-box:nth-of-type(1) { .feedBack-box:nth-of-type(1) {

2
pages/mine/set/personMsg.vue
View File

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

4
pages/mine/set/securityCenter/bindMobile.vue
View File

@@ -187,12 +187,12 @@ import uuid from "@/utils/uuid.modified.js";
<style lang="scss" scoped> <style lang="scss" scoped>
@import url("@/pages/passport/login.scss"); @import url("@/pages/passport/login.scss");
/deep/ .u-form-item { ::v-deep .u-form-item {
margin: 40rpx 0; margin: 40rpx 0;
} }
.sendCode { .sendCode {
/deep/ .u-form-item--right__content__slot { ::v-deep .u-form-item--right__content__slot {
display: flex; display: flex;
} }
} }

4
pages/mine/set/securityCenter/editLoginPassword.vue
View File

@@ -120,12 +120,12 @@
<style lang="scss" scoped> <style lang="scss" scoped>
@import url("@/pages/passport/login.scss"); @import url("@/pages/passport/login.scss");
/deep/ .u-form-item { ::v-deep .u-form-item {
margin: 40rpx 0; margin: 40rpx 0;
} }
.sendCode { .sendCode {
/deep/ .u-form-item--right__content__slot { ::v-deep .u-form-item--right__content__slot {
display: flex; display: flex;
} }
} }

4
pages/mine/set/securityCenter/editPassword.vue
View File

@@ -241,12 +241,12 @@
<style lang="scss" scoped> <style lang="scss" scoped>
@import url("@/pages/passport/login.scss"); @import url("@/pages/passport/login.scss");
/deep/ .u-form-item { ::v-deep .u-form-item {
margin: 40rpx 0; margin: 40rpx 0;
} }
.sendCode { .sendCode {
/deep/ .u-form-item--right__content__slot { ::v-deep .u-form-item--right__content__slot {
display: flex; display: flex;
} }
} }

4
pages/mine/set/setUp.vue
View File

@@ -202,11 +202,11 @@ export default {
color: #333333; color: #333333;
} }
/deep/ .u-cell__value { ::v-deep .u-cell__value {
color: #cccccc !important; color: #cccccc !important;
} }
/deep/ .u-cell__right-icon-wrap { ::v-deep .u-cell__right-icon-wrap {
color: #cccccc !important; color: #cccccc !important;
} }
</style> </style>

4
pages/navigation/search/search.scss
View File

@@ -86,7 +86,7 @@ page {
line-height: 70rpx; line-height: 70rpx;
font-size: 24rpx; font-size: 24rpx;
} }
/deep/ .uni-input-input { ::v-deep .uni-input-input {
font-size: 24rpx; font-size: 24rpx;
} }
} }
@@ -441,7 +441,7 @@ view {
padding-top: 300rpx; padding-top: 300rpx;
color: #999999; color: #999999;
text-align: center; text-align: center;
/deep/ .u-image { ::v-deep .u-image {
width: 346rpx; width: 346rpx;
height: 304rpx; height: 304rpx;
} }

2
pages/order/complain/complain.vue
View File

@@ -217,7 +217,7 @@ export default {
} }
} }
/deep/ .u-input__textarea { ::v-deep .u-input__textarea {
padding: 0; padding: 0;
} }
.cell-title { .cell-title {

2
pages/order/complain/complainList.vue
View File

@@ -162,7 +162,7 @@ export default {
font-size: 24rpx; font-size: 24rpx;
color: #999; color: #999;
} }
/deep/ .seller-name { ::v-deep .seller-name {
width: auto !important; width: auto !important;
} }
.complain-btn { .complain-btn {

10
pages/order/fillorder.vue
View File

@@ -881,7 +881,7 @@ page {
} }
.uinput { .uinput {
/deep/ input { ::v-deep input {
text-align: right; text-align: right;
} }
} }
@@ -976,7 +976,7 @@ page {
text-align: left; text-align: left;
} }
/deep/ .u-col-3 { ::v-deep .u-col-3 {
text-align: right; text-align: right;
} }
@@ -1011,7 +1011,7 @@ page {
} }
} }
/deep/ .u-notice-bar-wrap { ::v-deep .u-notice-bar-wrap {
width: 100% !important; width: 100% !important;
} }
@@ -1128,11 +1128,11 @@ page {
color: #333333; color: #333333;
} }
/deep/ .u-col { ::v-deep .u-col {
padding: 36rpx 0 !important; padding: 36rpx 0 !important;
} }
/deep/ .u-col-3, ::v-deep .u-col-3,
.tipsColor { .tipsColor {
color: #333; color: #333;
} }

2
pages/passport/login.scss
View File

@@ -11,7 +11,7 @@
position: relative; position: relative;
} }
/deep/ .u-form-item--right__content__slot { ::v-deep .u-form-item--right__content__slot {
width: 100%; width: 100%;
display: block; display: block;
} }

2
pages/product/askList.vue
View File

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

6
pages/product/product/goods/-goods-intro.vue
View File

@@ -120,18 +120,18 @@ export default {
.empty { .empty {
margin: 40rpx 0; margin: 40rpx 0;
} }
.goods-detail /deep/ .vhtml { .goods-detail ::v-deep .vhtml {
overflow: hidden; overflow: hidden;
width: 100%; width: 100%;
} }
.vhtml { .vhtml {
/deep/ img { ::v-deep img {
display: block !important; display: block !important;
} }
} }
/deep/ img { ::v-deep img {
width: 100%; width: 100%;
} }
.goods-detail-box { .goods-detail-box {

2
pages/product/product/goods/-goods-swiper.vue
View File

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

2
pages/product/product/promotion/-promotion-details.vue
View File

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

2
pages/product/product/promotion/-promotion.vue
View File

@@ -126,7 +126,7 @@ export default {
color: #333333; color: #333333;
margin-left: 20rpx; margin-left: 20rpx;
} }
/deep/ .u-mode-light-error { ::v-deep .u-mode-light-error {
border: none; border: none;
} }
.coupon{ .coupon{

2
pages/product/product/promotion/group.scss
View File

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

6
pages/product/product/shop/-shop.vue
View File

@@ -87,14 +87,14 @@ export default {
overflow: hidden; overflow: hidden;
border-radius: 12rpx; border-radius: 12rpx;
/deep/ .u-image__image { ::v-deep .u-image__image {
height: 218rpx; height: 218rpx;
border-radius: 12rpx !important; border-radius: 12rpx !important;
} }
} }
.recommend-item-img { .recommend-item-img {
/deep/ .u-image__image { ::v-deep .u-image__image {
width: 100% !important; width: 100% !important;
} }
} }
@@ -190,7 +190,7 @@ export default {
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
/deep/ .u-row { ::v-deep .u-row {
width: 100%; width: 100%;
} }

10
pages/product/product/style.scss
View File

@@ -101,7 +101,7 @@ page {
color: $price-color; color: $price-color;
font-size: 32rpx; font-size: 32rpx;
line-height: 1; line-height: 1;
/deep/ .price { ::v-deep .price {
font-size: 60rpx; font-size: 60rpx;
} }
} }
@@ -124,7 +124,7 @@ page {
overflow: hidden; overflow: hidden;
border-radius: 12rpx; border-radius: 12rpx;
/deep/ .u-image__image { ::v-deep .u-image__image {
// width: 228rpx; // width: 228rpx;
height: 228rpx; height: 228rpx;
border-radius: 12rpx !important; border-radius: 12rpx !important;
@@ -200,7 +200,7 @@ page {
font-size: 30rpx; font-size: 30rpx;
transition: all 0.5s; transition: all 0.5s;
} }
/deep/ .u-navbar { ::v-deep .u-navbar {
padding-left: 10rpx; padding-left: 10rpx;
} }
.nav-item { .nav-item {
@@ -356,7 +356,7 @@ page {
z-index: 8; z-index: 8;
width: 100%; width: 100%;
/deep/ .u-row { ::v-deep .u-row {
width: 100%; width: 100%;
} }
} }
@@ -368,7 +368,7 @@ page {
color: #fff; color: #fff;
padding: 0 20rpx; padding: 0 20rpx;
/deep/ .price { ::v-deep .price {
font-size: 36rpx; font-size: 36rpx;
font-weight: 400; font-weight: 400;
text-align: left; text-align: left;

2
pages/promotion/point/pointList.vue
View File

@@ -290,7 +290,7 @@ page {
} }
.index-item-img { .index-item-img {
/deep/ .u-image { ::v-deep .u-image {
width: 346rpx !important; width: 346rpx !important;
height: 320rpx !important; height: 320rpx !important;
border-radius: 10rpx !important; border-radius: 10rpx !important;

4
pages/promotion/style.scss
View File

@@ -26,7 +26,7 @@
color: #999999; color: #999999;
margin: 0 20rpx; margin: 0 20rpx;
/deep/ view { ::v-deep view {
line-height: 1.75; line-height: 1.75;
} }
} }
@@ -121,7 +121,7 @@
text-align: center; text-align: center;
padding: 6rpx 16rpx; padding: 6rpx 16rpx;
} }
/deep/ .empty { ::v-deep .empty {
position: relative; position: relative;
padding-top: 20%; padding-top: 20%;
> .empty-content { > .empty-content {

20
pages/tabbar/cart/cartList.vue
View File

@@ -570,7 +570,7 @@ page {
font-weight: bold; font-weight: bold;
display: flex; display: flex;
align-items: center; align-items: center;
/deep/ .tips { ::v-deep .tips {
margin: 0 8rpx 0 0; margin: 0 8rpx 0 0;
background: $main-color; background: $main-color;
border-radius: 100px; border-radius: 100px;
@@ -604,14 +604,14 @@ page {
} }
/* 空白页 */ /* 空白页 */
/deep/ .u-number-input { ::v-deep .u-number-input {
background: #fff !important; background: #fff !important;
border: 1px solid #ededed; border: 1px solid #ededed;
margin: 0 !important; margin: 0 !important;
} }
/deep/ .u-icon-minus, ::v-deep .u-icon-minus,
/deep/ .u-icon-plus { ::v-deep .u-icon-plus {
background: #ffffff !important; background: #ffffff !important;
border: 1px solid #ededed; border: 1px solid #ededed;
color: #333 !important; color: #333 !important;
@@ -665,7 +665,7 @@ page {
display: flex; display: flex;
align-items: center; align-items: center;
/deep/ .number { ::v-deep .number {
line-height: 1; line-height: 1;
font-size: 30rpx; font-size: 30rpx;
> span { > span {
@@ -691,7 +691,7 @@ page {
height: 100%; height: 100%;
} }
/deep/ .u-col { ::v-deep .u-col {
padding: 24rpx 0 !important; padding: 24rpx 0 !important;
} }
@@ -735,7 +735,7 @@ page {
.goods-config { .goods-config {
display: flex; display: flex;
align-items: center; align-items: center;
/deep/ .invalid { ::v-deep .invalid {
display: block; display: block;
width: 80rpx !important; width: 80rpx !important;
} }
@@ -765,7 +765,7 @@ page {
height: 40rpx; height: 40rpx;
border-left: 1px solid #eeeeee; border-left: 1px solid #eeeeee;
/deep/ span { ::v-deep span {
margin-left: 20rpx; margin-left: 20rpx;
} }
} }
@@ -814,10 +814,10 @@ page {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
> .sp-price { > .sp-price {
/deep/ span:nth-of-type(1) { ::v-deep span:nth-of-type(1) {
font-size: 38rpx; font-size: 38rpx;
} }
/deep/ span:nth-of-type(2) { ::v-deep span:nth-of-type(2) {
font-size: 24rpx; font-size: 24rpx;
} }
} }

2
pages/tabbar/category/category.vue
View File

@@ -211,7 +211,7 @@ uni-scroll-view .uni-scroll-view::-webkit-scrollbar {
border-radius: 8px; border-radius: 8px;
margin-bottom: 20rpx; margin-bottom: 20rpx;
} }
/deep/ .u-image { ::v-deep .u-image {
width: 140rpx !important; width: 140rpx !important;
height: 140rpx !important; height: 140rpx !important;
border-radius: 8px !important; border-radius: 8px !important;

2
pages/tabbar/home/web-view.vue
View File

@@ -45,7 +45,7 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.web-view { .web-view {
/deep/ .web-view { ::v-deep .web-view {
padding: 0; padding: 0;
margin: 0; margin: 0;
} }

2
pages/tabbar/user/my.vue
View File

@@ -219,7 +219,7 @@ body {
line-height: 1; line-height: 1;
} }
/deep/ .u-icon, ::v-deep .u-icon,
.u-icon { .u-icon {
margin-top: 106rpx; margin-top: 106rpx;
} }

2
uni.scss
View File

@@ -65,7 +65,7 @@ $font-weight: 400;
} }
.bg-light-color { .bg-light-color {
background-color: $light-color !important; background-color: $light-color !important;
/deep/ * { ::v-deep * {
background-color: $light-color !important; background-color: $light-color !important;
} }
} }

2
uview-ui/components/u-dropdown-list/u-dropdown-list.vue
View File

@@ -232,7 +232,7 @@ export default {
> text { > text {
margin-right: 10rpx; margin-right: 10rpx;
} }
/deep/ { ::v-deep {
.uicon { .uicon {
position: relative; position: relative;
top: -2rpx; top: -2rpx;

2
uview-ui/components/u-table/u-table.vue
View File

@@ -88,7 +88,7 @@
} }
/* #ifdef MP */ /* #ifdef MP */
.u-table /deep/ t-tr { .u-table ::v-deep t-tr {
display: flex; display: flex;
} }
/* #endif */ /* #endif */

2
uview-ui/components/u-tabs-swiper/u-tabs-swiper.vue
View File

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

2
uview-ui/components/u-tabs/u-tabs.vue
View File

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