🎨 style: 优化价格展示
This commit is contained in:
parent
338fca7d9f
commit
71dee417b1
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue