You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
53 lines
809 B
53 lines
809 B
<template> |
|
<view class="mix-price-view" :style="{fontSize: size - 8 + 'rpx'}"> |
|
<text>￥</text> |
|
<text class="price" :style="{fontSize: size + 'rpx'}">{{ priceArr[0] }}</text> |
|
<text>.{{ priceArr[1] }}</text> |
|
</view> |
|
</template> |
|
|
|
<script> |
|
/** |
|
* 价格显示组件 |
|
*/ |
|
export default { |
|
data() { |
|
return { |
|
priceArr: [] |
|
}; |
|
}, |
|
props: { |
|
price: { |
|
type: Number, |
|
default: 0 |
|
}, |
|
size: { |
|
type: Number, |
|
default: 36 |
|
} |
|
}, |
|
watch: { |
|
price(){ |
|
this.render(); |
|
} |
|
}, |
|
created() { |
|
this.render(); |
|
}, |
|
methods: { |
|
render(){ |
|
const price = parseFloat(this.price).toFixed(2); |
|
this.priceArr = (''+price).split('.'); |
|
} |
|
} |
|
} |
|
</script> |
|
|
|
<style scoped lang="scss"> |
|
.mix-price-view{ |
|
color: $base-color; |
|
} |
|
.price{ |
|
font-weight: 700; |
|
} |
|
</style>
|
|
|