[Improvement] SubmitBar: support custom currency symbol (#876)

This commit is contained in:
neverland 2018-04-16 18:01:04 +08:00 committed by GitHub
parent 62f03ac00d
commit 2ce0803ffe
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 15 additions and 3 deletions

View File

@ -49,6 +49,7 @@ Use `slot` to custom content.
| num | Number of goods | `String | Number` | - | - |
| price | Price of goods | `String | Number` | - | - |
| centered | Whether content vertical centered | `String` | `false` | - |
| currency | Currency symbol | `String` | `¥` | - |
### Slot

View File

@ -71,6 +71,7 @@ Use slot to add custom contents.
| tip | Tip | `String` | - | - |
| disabled | Whether to disable button | `Boolean` | `false` | - |
| loading | Whether to show loading icon | `Boolean` | `false` | - |
| currency | Currency symbol | `String` | `¥` | - |
### Event

View File

@ -49,6 +49,7 @@ Vue.use(Card);
| num | 商品数量 | `String | Number` | - | - |
| price | 商品价格 | `String | Number` | - | - |
| centered | 内容是否垂直居中 | `String` | `false` | - |
| currency | 货币符号 | `String` | `¥` | - |
### Slot

View File

@ -71,6 +71,7 @@ Vue.use(SubmitBar);
| tip | 提示文案 | `String` | - | - |
| disabled | 是否禁用按钮 | `Boolean` | `false` | - |
| loading | 是否显示加载中的按钮 | `Boolean` | `false` | - |
| currency | 货币符号 | `String` | `¥` | - |
### Event

View File

@ -9,7 +9,7 @@
<slot name="title">
<div class="van-card__row" v-if="title || price !== undefined">
<div v-if="title" class="van-card__title">{{ title }}</div>
<div v-if="price !== undefined" class="van-card__price">¥ {{ price }}</div>
<div v-if="price !== undefined" class="van-card__price">{{ currency }} {{ price }}</div>
</div>
</slot>
<slot name="desc">
@ -38,7 +38,11 @@ export default create({
desc: String,
centered: Boolean,
num: [Number, String],
price: [Number, String]
price: [Number, String],
currency: {
type: String,
default: '¥'
}
}
});
</script>

View File

@ -8,7 +8,7 @@
<div class="van-submit-bar__price">
<template v-if="hasPrice">
<span>{{ label || $t('label') }}</span>
<span class="van-submit-bar__price-interger">¥{{ priceInterger }}.</span>
<span class="van-submit-bar__price-interger">{{ currency }}{{ priceInterger }}.</span>
<span class="van-submit-bar__price-decimal">{{ priceDecimal }}</span>
</template>
</div>
@ -38,6 +38,10 @@ export default create({
loading: Boolean,
disabled: Boolean,
buttonText: String,
currency: {
type: String,
default: '¥'
},
buttonType: {
type: String,
default: 'danger'