Fix:【商城小程序】商品足迹--商品原价划线效果优化,原价颜色加深

This commit is contained in:
linxi
2024-09-19 11:31:29 +08:00
parent af6da8649c
commit 780a3754c0
+17 -4
View File
@@ -41,13 +41,14 @@
<view class="v12-primary-text v12-primary-border v12-radius-6 v12-font-22 v12-px-1">{{ historyItem.couponName }}</view>
</view>
<view class="v12-justify-between v12-mt-2 price">
<view class="v12-font-bold v12-primary-text">
<view class="v12-font-bold v12-primary-text v12-align-center">
<text class="v12-font-16"></text>
<text class="v12-font-24">{{ historyItem.price }}</text>
<text class="ot-price v12-font-weight-400">
<view class="ot-price v12-font-weight-400">
<text class="v12-font-22"></text>
<text class="v12-font-22">{{ historyItem.otPrice }}</text>
</text>
<view class="under-line"></view>
</view>
</view>
<image
:src="webUrl+'/orderIcon/组 355.png'"
@@ -177,6 +178,18 @@ export default {
width: 100%;
}
}
.under-line{
width: 100%;
height: 3rpx;
background-color: #CBCBCB;
position: absolute;
top: 4rpx;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.wrapper{
display: flex;
flex-wrap: wrap;
@@ -204,8 +217,8 @@ export default {
line-height: 34rpx;
.ot-price {
margin: 0 0 0 10rpx;
text-decoration: line-through;
color: #CBCBCB;
position: relative;
}
}
.icon {