【功能完善】积分商城:完善积分+价格显示样式
parent
2a2ce2eff6
commit
9171275d3d
|
@ -40,10 +40,16 @@
|
||||||
:style="[{ color: goodsFields.price.color }]"
|
:style="[{ color: goodsFields.price.color }]"
|
||||||
>
|
>
|
||||||
<!-- 活动价格 -->
|
<!-- 活动价格 -->
|
||||||
<text v-if="data.activityType && data.activityType === PromotionActivityTypeEnum.POINT.type">
|
<view class="ss-flex" v-if="data.activityType && data.activityType === PromotionActivityTypeEnum.POINT.type">
|
||||||
{{ data.point }}积分
|
<image
|
||||||
{{ !data.pointPrice || data.pointPrice === 0 ? '' : `+${fen2yuan(data.pointPrice)}元` }}
|
:src="sheep.$url.static('/static/img/shop/goods/score1.svg')"
|
||||||
</text>
|
class="point-img"
|
||||||
|
></image>
|
||||||
|
<text class="point-text ss-m-r-16">
|
||||||
|
{{ data.point }}
|
||||||
|
{{ !data.pointPrice || data.pointPrice === 0 ? '' : `+${fen2yuan(data.pointPrice)}元` }}
|
||||||
|
</text>
|
||||||
|
</view>
|
||||||
<template v-else>
|
<template v-else>
|
||||||
<text class="price-unit ss-font-24">{{ priceUnit }}</text>
|
<text class="price-unit ss-font-24">{{ priceUnit }}</text>
|
||||||
<text v-if="data.promotionPrice > 0">{{ fen2yuan(data.promotionPrice) }}</text>
|
<text v-if="data.promotionPrice > 0">{{ fen2yuan(data.promotionPrice) }}</text>
|
||||||
|
@ -94,10 +100,16 @@
|
||||||
:style="[{ color: goodsFields.price.color }]"
|
:style="[{ color: goodsFields.price.color }]"
|
||||||
>
|
>
|
||||||
<!-- 活动价格 -->
|
<!-- 活动价格 -->
|
||||||
<text v-if="data.activityType && data.activityType === PromotionActivityTypeEnum.POINT.type">
|
<view class="ss-flex" v-if="data.activityType && data.activityType === PromotionActivityTypeEnum.POINT.type">
|
||||||
{{ data.point }}积分
|
<image
|
||||||
{{ !data.pointPrice || data.pointPrice === 0 ? '' : `+${fen2yuan(data.pointPrice)}元` }}
|
:src="sheep.$url.static('/static/img/shop/goods/score1.svg')"
|
||||||
</text>
|
class="point-img"
|
||||||
|
></image>
|
||||||
|
<text class="point-text ss-m-r-16">
|
||||||
|
{{ data.point }}
|
||||||
|
{{ !data.pointPrice || data.pointPrice === 0 ? '' : `+${fen2yuan(data.pointPrice)}元` }}
|
||||||
|
</text>
|
||||||
|
</view>
|
||||||
<template v-else>
|
<template v-else>
|
||||||
<text class="price-unit ss-font-24">{{ priceUnit }}</text>
|
<text class="price-unit ss-font-24">{{ priceUnit }}</text>
|
||||||
<text v-if="data.promotionPrice > 0">{{ fen2yuan(data.promotionPrice) }}</text>
|
<text v-if="data.promotionPrice > 0">{{ fen2yuan(data.promotionPrice) }}</text>
|
||||||
|
@ -162,10 +174,16 @@
|
||||||
:style="[{ color: goodsFields.price.color }]"
|
:style="[{ color: goodsFields.price.color }]"
|
||||||
>
|
>
|
||||||
<!-- 活动价格 -->
|
<!-- 活动价格 -->
|
||||||
<text v-if="data.activityType && data.activityType === PromotionActivityTypeEnum.POINT.type">
|
<view class="ss-flex" v-if="data.activityType && data.activityType === PromotionActivityTypeEnum.POINT.type">
|
||||||
{{ data.point }}积分
|
<image
|
||||||
{{ !data.pointPrice || data.pointPrice === 0 ? '' : `+${fen2yuan(data.pointPrice)}元` }}
|
:src="sheep.$url.static('/static/img/shop/goods/score1.svg')"
|
||||||
</text>
|
class="point-img"
|
||||||
|
></image>
|
||||||
|
<text class="point-text ss-m-r-16">
|
||||||
|
{{ data.point }}
|
||||||
|
{{ !data.pointPrice || data.pointPrice === 0 ? '' : `+${fen2yuan(data.pointPrice)}元` }}
|
||||||
|
</text>
|
||||||
|
</view>
|
||||||
<template v-else>
|
<template v-else>
|
||||||
<text class="price-unit ss-font-24">{{ priceUnit }}</text>
|
<text class="price-unit ss-font-24">{{ priceUnit }}</text>
|
||||||
<text v-if="data.promotionPrice > 0">{{ fen2yuan(data.promotionPrice) }}</text>
|
<text v-if="data.promotionPrice > 0">{{ fen2yuan(data.promotionPrice) }}</text>
|
||||||
|
@ -257,10 +275,16 @@
|
||||||
<view v-if="goodsFields.price?.show" class="ss-flex ss-col-bottom font-OPPOSANS">
|
<view v-if="goodsFields.price?.show" class="ss-flex ss-col-bottom font-OPPOSANS">
|
||||||
<view class="sl-goods-price ss-m-r-12" :style="[{ color: goodsFields.price.color }]">
|
<view class="sl-goods-price ss-m-r-12" :style="[{ color: goodsFields.price.color }]">
|
||||||
<!-- 活动价格 -->
|
<!-- 活动价格 -->
|
||||||
<text v-if="data.activityType && data.activityType === PromotionActivityTypeEnum.POINT.type">
|
<view class="ss-flex" v-if="data.activityType && data.activityType === PromotionActivityTypeEnum.POINT.type">
|
||||||
{{ data.point }}积分
|
<image
|
||||||
{{ !data.pointPrice || data.pointPrice === 0 ? '' : `+${fen2yuan(data.pointPrice)}元` }}
|
:src="sheep.$url.static('/static/img/shop/goods/score1.svg')"
|
||||||
</text>
|
class="point-img"
|
||||||
|
></image>
|
||||||
|
<text class="point-text ss-m-r-16">
|
||||||
|
{{ data.point }}
|
||||||
|
{{ !data.pointPrice || data.pointPrice === 0 ? '' : `+${fen2yuan(data.pointPrice)}元` }}
|
||||||
|
</text>
|
||||||
|
</view>
|
||||||
<template v-else>
|
<template v-else>
|
||||||
<text class="price-unit ss-font-24">{{ priceUnit }}</text>
|
<text class="price-unit ss-font-24">{{ priceUnit }}</text>
|
||||||
<text v-if="data.promotionPrice > 0">{{ fen2yuan(data.promotionPrice) }}</text>
|
<text v-if="data.promotionPrice > 0">{{ fen2yuan(data.promotionPrice) }}</text>
|
||||||
|
@ -345,10 +369,16 @@
|
||||||
<view v-if="goodsFields.price?.show" class="ss-flex ss-col-bottom font-OPPOSANS">
|
<view v-if="goodsFields.price?.show" class="ss-flex ss-col-bottom font-OPPOSANS">
|
||||||
<view class="sl-goods-price ss-m-r-12" :style="[{ color: goodsFields.price.color }]">
|
<view class="sl-goods-price ss-m-r-12" :style="[{ color: goodsFields.price.color }]">
|
||||||
<!-- 活动价格 -->
|
<!-- 活动价格 -->
|
||||||
<text v-if="data.activityType && data.activityType === PromotionActivityTypeEnum.POINT.type">
|
<view class="ss-flex" v-if="data.activityType && data.activityType === PromotionActivityTypeEnum.POINT.type">
|
||||||
{{ data.point }}积分
|
<image
|
||||||
{{ !data.pointPrice || data.pointPrice === 0 ? '' : `+${fen2yuan(data.pointPrice)}元` }}
|
:src="sheep.$url.static('/static/img/shop/goods/score1.svg')"
|
||||||
</text>
|
class="point-img"
|
||||||
|
></image>
|
||||||
|
<text class="ss-m-r-16">
|
||||||
|
{{ data.point }}
|
||||||
|
{{ !data.pointPrice || data.pointPrice === 0 ? '' : `+${fen2yuan(data.pointPrice)}元` }}
|
||||||
|
</text>
|
||||||
|
</view>
|
||||||
<template v-else>
|
<template v-else>
|
||||||
<text class="price-unit ss-font-24">{{ priceUnit }}</text>
|
<text class="price-unit ss-font-24">{{ priceUnit }}</text>
|
||||||
<text v-if="data.promotionPrice > 0">{{ fen2yuan(data.promotionPrice) }}</text>
|
<text v-if="data.promotionPrice > 0">{{ fen2yuan(data.promotionPrice) }}</text>
|
||||||
|
@ -550,14 +580,14 @@
|
||||||
if (props.goodsFields.salesCount?.show) {
|
if (props.goodsFields.salesCount?.show) {
|
||||||
if (props.data.activityType && props.data.activityType === PromotionActivityTypeEnum.POINT.type) {
|
if (props.data.activityType && props.data.activityType === PromotionActivityTypeEnum.POINT.type) {
|
||||||
text.push(formatExchange(props.data.sales_show_type, (props.data.pointTotalStock || 0) - (props.data.pointStock || 0)));
|
text.push(formatExchange(props.data.sales_show_type, (props.data.pointTotalStock || 0) - (props.data.pointStock || 0)));
|
||||||
}else {
|
} else {
|
||||||
text.push(formatSales(props.data.sales_show_type, props.data.salesCount));
|
text.push(formatSales(props.data.sales_show_type, props.data.salesCount));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
if (props.goodsFields.stock?.show) {
|
if (props.goodsFields.stock?.show) {
|
||||||
if (props.data.activityType && props.data.activityType === PromotionActivityTypeEnum.POINT.type) {
|
if (props.data.activityType && props.data.activityType === PromotionActivityTypeEnum.POINT.type) {
|
||||||
text.push(formatStock(props.data.stock_show_type, props.data.pointTotalStock));
|
text.push(formatStock(props.data.stock_show_type, props.data.pointTotalStock));
|
||||||
}else {
|
} else {
|
||||||
text.push(formatStock(props.data.stock_show_type, props.data.stock));
|
text.push(formatStock(props.data.stock_show_type, props.data.stock));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -632,6 +662,12 @@
|
||||||
line-height: 32rpx;
|
line-height: 32rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.point-img {
|
||||||
|
width: 30rpx;
|
||||||
|
height: 30rpx;
|
||||||
|
margin: 0 4rpx;
|
||||||
|
}
|
||||||
|
|
||||||
.groupon-tag {
|
.groupon-tag {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
|
|
Loading…
Reference in New Issue