Feat(商品):1、库存为0时,加入购物车及立即购买变成灰色;2、库存为0时,相应规格右上角显示缺货标签,并且该缺货规格为灰色不可点击状态

This commit is contained in:
lifizer
2024-03-06 17:55:33 +08:00
parent 855ad17ed2
commit b92e043c77
4 changed files with 85 additions and 20 deletions
+10 -1
View File
@@ -25,7 +25,7 @@
}
.goods-section {
margin: 24rpx;
margin: 0 24upx 24upx 24upx;
padding: 30rpx 24rpx;
border-radius: 20rpx;
background: #fff;
@@ -103,6 +103,15 @@
color: #333;
font-size: 30rpx;
}
.store-btn {
display: flex;
padding: 12upx;
border-radius: 6upx;
color: #fff;
line-height: 20upx;
font-size: 24rpx;
background-color: #FF564A;
}
.value {
color: #666;
+18
View File
@@ -646,6 +646,7 @@ page {
}
.product-window .productWinList .item .listn .itemn {
position: relative;
border: 1px solid #bbb;
font-size: 0.26*100rpx;
color: #282828;
@@ -659,6 +660,23 @@ page {
background-color: #eb3729;
border-color: #eb3729;
}
.product-window .productWinList .item .listn .itemn.disabled {
color: #333;
background-color: #F1F1F1;
border-color: #F1F1F1;
}
.product-window .productWinList .item .listn .itemn.disabled .tag {
position: absolute;
top: -18upx;
right: -18upx;
height: 28upx;
padding: 0 6upx;
border-radius: 6upx;
color: #fff;
line-height: 28upx;
font-size: 10px;
background-color: #FD5749;
}
.product-window .cart {
margin-top: 0.36*100rpx;