🎨 style: 优化价格展示

This commit is contained in:
wangsongsole 2024-02-22 18:03:52 +08:00
parent 338fca7d9f
commit 71dee417b1
1 changed files with 10 additions and 8 deletions

View File

@ -126,12 +126,13 @@
<span class="coupon" :class="dynamicAsh(item)">券后价</span>
<span class="sign" :class="dynamicAsh(item)"></span>
<span class="current-price"
:class="dynamicAsh(item)">{{item.coupon_price}}</span>
:class="dynamicAsh(item)">{{Number(item.coupon_price)}}</span>
</p>
</template>
<p class="money moneyExtra" v-else>
<span class="sign" :class="dynamicAsh(item)"></span>
<span class="current-price" :class="dynamicAsh(item)">{{item.origin_price}}</span>
<span class="current-price"
:class="dynamicAsh(item)">{{Number(item.origin_price)}}</span>
</p>
</div>
</div>
@ -162,15 +163,16 @@
<div class="details">
<template v-if="item.origin_price!==item.coupon_price">
<p class="sign" :class="dynamicAsh(item)"></p>
<p class="price" :class="dynamicAsh(item)">{{item.coupon_price}}</p>
<p class="price" :class="dynamicAsh(item)">{{Number(item.coupon_price)}}</p>
<p class="coupon" :class="dynamicAsh(item)">券后价</p>
<p class="original-price" :class="dynamicAsh(item)">
原价¥{{item.origin_price}}
原价¥{{Number(item.origin_price)}}
</p>
</template>
<p v-else style="margin-top:0.05rem">
<span class="sign" :class="dynamicAsh(item)"></span>
<span class="price" :class="dynamicAsh(item)">{{item.origin_price}}</span>
<span class="price"
:class="dynamicAsh(item)">{{Number(item.origin_price)}}</span>
</p>
</div>
</div>
@ -227,10 +229,10 @@
x{{item.entity.send_num}}</span>
</font>
<template v-if="item.origin_price!==item.coupon_price">
<p class="original-price" :class="dynamicAsh(item)">原价¥{{item.origin_price}}</p>
<p class="original-price" :class="dynamicAsh(item)">原价¥{{Number(item.origin_price)}}</p>
<p>
<span class="sign" :class="dynamicAsh(item)"></span>
<span class="price" :class="dynamicAsh(item)">{{item.coupon_price}}</span>
<span class="price" :class="dynamicAsh(item)">{{Number(item.coupon_price)}}</span>
<span class="coupon" :class="dynamicAsh(item)">券后价</span>
</p>
</template>
@ -238,7 +240,7 @@
<p class="original-price" :class="dynamicAsh(item)"></p>
<p>
<span class="sign" :class="dynamicAsh(item)"></span>
<span class="price" :class="dynamicAsh(item)">{{item.origin_price}}</span>
<span class="price" :class="dynamicAsh(item)">{{Number(item.origin_price)}}</span>
</p>
</template>
</div>