Uniapp/lucky_shop
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

chore：修改H5商品价格样式

Browse Source
This commit is contained in:
jinhhanhan
2026-03-31 09:38:16 +08:00
parent def8a6cf6f
commit e018f9a8b9
4 changed files with 36 additions and 134 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
pages_goods/public/css/list.scss
View File

@@ -295,7 +295,8 @@
.lineheight-clear {
display: flex;
justify-content: flex-end;
justify-content: space-between;
align-items: center;
}
// 商品列表单列样式
@@ -386,46 +387,30 @@
display: inline-block;
font-weight: bold;
line-height: 1;
margin-top: 16rpx;
background-color: var(--main-color);
border-radius: 35rpx;
padding: 12rpx 24rpx;
box-shadow: 0 0 10rpx rgba(0, 0, 0, 0.1);
margin-top: 0;
.unit {
margin-right: 6rpx;
color: var(--price-color);
color: #ff4444;
}
.price {
color: var(--price-color);
color: #fff !important;
font-size: 27rpx !important;
color: #ff4444;
font-size: 32rpx !important;
font-weight: bold !important;
}
}
.pro-info {
margin-top: 10rpx;
display: flex;
margin-top: auto;
justify-content: space-between;
align-items: center;
position: relative;
.delete-price {
text-decoration: line-through;
font-size: $font-size-tag !important;
flex: 1;
.unit {
margin-right: 0;
}
}
.block-wrap {
flex: 1;
line-height: 1;
margin-right: 20rpx;
.sale {
font-size: $font-size-tag !important;
color: #999;
}
}
}
@@ -543,6 +528,9 @@
.lineheight-clear {
margin-top: 16rpx;
display: flex;
justify-content: space-between;
align-items: center;
}
.discount-price {
@@ -552,24 +540,26 @@
.unit {
margin-right: 6rpx;
color: var(--price-color);
color: #ff4444;
}
.price {
color: var(--price-color);
color: #ff4444;
font-size: 32rpx !important;
font-weight: bold !important;
}
}
.pro-info {
margin-top: 10rpx;
display: flex;
margin-top: auto;
justify-content: space-between;
align-items: center;
.block-wrap {
flex: 1;
line-height: 1;
margin-right: 20rpx;
.sale {
font-size: $font-size-tag !important;
color: #999;
}
}
}
@@ -644,9 +634,9 @@
}
.buy-btn {
background-color: $base-color;
color: var(--btn-text-color);
border-radius: 50rpx;
background-color: #ff4444;
color: #fff;
border-radius: 30rpx;
font-size: $font-size-tag;
padding: 12rpx 30rpx;
line-height: 1;