From 625f6e7d8d1b11e181024e53b6bcfa2c01980354 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=98=89=E6=B6=B5?= <chenjiahan@meituan.com>
Date: Tue, 29 Aug 2017 16:12:30 +0800
Subject: [PATCH] PayOrder: adjust style when no price

---
 packages/pay-order/index.vue | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/packages/pay-order/index.vue b/packages/pay-order/index.vue
index 9f31a7291..c0d97122c 100644
--- a/packages/pay-order/index.vue
+++ b/packages/pay-order/index.vue
@@ -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);
     },