diff --git a/packages/coupon-cell/index.vue b/packages/coupon-cell/index.vue index 50d49a441..3009fafa5 100644 --- a/packages/coupon-cell/index.vue +++ b/packages/coupon-cell/index.vue @@ -22,6 +22,10 @@ export default create({ props: { title: String, coupons: Array, + currency: { + type: String, + default: '¥' + }, border: { type: Boolean, default: true @@ -42,7 +46,7 @@ export default create({ const coupon = coupons[this.chosenCoupon]; if (coupon) { const value = coupon.denominations || coupon.value; - return `-¥${(value / 100).toFixed(2)}`; + return `-${this.currency}${(value / 100).toFixed(2)}`; } return coupons.length === 0 ? this.$t('tips') : this.$t('count', coupons.length); } diff --git a/packages/coupon-list/Item.vue b/packages/coupon-list/Item.vue index 4f38880b6..5af1e0859 100644 --- a/packages/coupon-list/Item.vue +++ b/packages/coupon-list/Item.vue @@ -34,7 +34,8 @@ export default create({ props: { data: Object, chosen: Boolean, - disabled: Boolean + disabled: Boolean, + currency: String }, components: { @@ -48,7 +49,7 @@ export default create({ faceAmount() { return this.data.denominations !== 0 - ? `¥ ${this.formatAmount(this.data.denominations)}` + ? `${this.currency} ${this.formatAmount(this.data.denominations)}` : this.data.discount !== 0 ? this.formatDiscount(this.data.discount) : ''; diff --git a/packages/coupon-list/en-US.md b/packages/coupon-list/en-US.md index 812a5a28f..89e3daaf2 100644 --- a/packages/coupon-list/en-US.md +++ b/packages/coupon-list/en-US.md @@ -74,6 +74,7 @@ export default { | coupons | Coupon list | `Array` | `[]` | | editable | Cell editable | `Boolean` | `true` | | border | Whether to show innner border | `Boolean` | `true` | +| currency | Currency symbol | `String` | `¥` | ### CouponList API @@ -90,6 +91,7 @@ export default { | displayed-coupon-index | Index of displayed coupon | `Number` | - | | close-button-text | Close button text | `String` | `Close` | | input-placeholder | Input placeholder | `String` | `Coupon code` | +| currency | Currency symbol | `String` | `¥` | ### CouponList Event diff --git a/packages/coupon-list/index.vue b/packages/coupon-list/index.vue index cf053898b..75af38f6f 100644 --- a/packages/coupon-list/index.vue +++ b/packages/coupon-list/index.vue @@ -35,6 +35,7 @@ v-for="(item, index) in coupons" :key="item.id || item.name" :data="item" + :currency="currency" :chosen="index === chosenCoupon" @click.native="$emit('change', index)" /> @@ -57,6 +58,7 @@ v-for="item in disabledCoupons" :key="item.id || item.name" :data="item" + :currency="currency" />