Fix:【商城小程序】商品足迹--商品原价划线效果优化,原价颜色加深
This commit is contained in:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user