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