blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

PayOrder: adjust style when no price

Browse Source
This commit is contained in:
陈嘉涵 2017-08-29 16:12:30 +08:00
parent ccc4fc3861
commit 625f6e7d8d
1 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
packages/pay-order/index.vue
View File

@ -2,10 +2,12 @@
<div class="van-pay-order">
<div class="van-pay-order__tip" v-show="tip">{{ tip }}</div>
<div class="van-pay-order__bar">
<div class="van-pay-order__price" v-if="typeof price === 'number'">
<span class="van-pay-order__price-text">合计：</span>
<span class="van-pay-order__price-interger">¥{{ priceInterger }}.</span>
<span class="van-pay-order__price-decimal">{{ priceDecimal }}</span>
<div class="van-pay-order__price">
<template v-if="hasPrice">
<span class="van-pay-order__price-text">合计：</span>
<span class="van-pay-order__price-interger">¥{{ priceInterger }}.</span>
<span class="van-pay-order__price-decimal">{{ priceDecimal }}</span>
</template>
</div>
<van-button :type="buttonType" :disabled="disabled" :loading="loading" @click="onSubmit">
{{ loading ? '' : buttonText }}
@ -27,6 +29,7 @@ export default {
props: {
tip: String,
type: Number,
price: Number,
loading: Boolean,
disabled: Boolean,
buttonText: String,
@ -37,6 +40,9 @@ export default {
},
computed: {
hasPrice() {
return typeof this.price === 'number';
},
priceInterger() {
return Math.floor(this.price / 100);
},