hwnc/components/ui-component/component-unit/market_price/index.vue

<template>
	<span v-if="Number(value) >= Number(shopPrice)&&del" :class="{
            'js_market_wrap': true,
            'my_shop_price': true,
            'is-del': del
        }" :data-orgp="value" :data-currency="currency" :data-original_amount="value">
		￥{{ value }}
	</span>
</template>

<script>
	/**
	 * D网用的 my-shop-price
	 * 其他网站 my_shop_price
	 */
	export default {
		name: 'unit-market-price',
		props: {
			// 价格
			value: {
				default: '0.00',
				required: true
			},
			// 售价，如果售价高于市场价，则不展示市场价
			shopPrice: {
				required: true
			},
			// 币种
			currency: {
				default: 'USD'
			},
			// 其他配置项
			config: {
				type: Object,
				default () {
					return {};
				}
			}
		},
		data() {
			return {
				
			};
		},
		computed: {
			// 是否展示删除线
			del() {
				let visible = true;
				visible = (this.config.market_price_del === undefined || this.config.market_price_del === null) ? true : Number(
					this.config.market_price_del) >= 1;
				return visible;
			}
		}
	};
</script>

<style lang="less" scoped>
	span.is-del {
		text-decoration: line-through;
	}
</style>