From dadf733d71eb5eb797290c5cbed05e38b3594858 Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@buaa.edu.cn>
Date: Mon, 26 Mar 2018 19:52:17 +0800
Subject: [PATCH] [bugfix] Button: should be unclickavble when loading (#779)

---
 docs/demos/views/list.vue        | 2 +-
 packages/button/index.vue        | 3 ++-
 packages/vant-css/src/button.css | 6 +++++-
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/docs/demos/views/list.vue b/docs/demos/views/list.vue
index 3a5b50e96..c720eb45d 100644
--- a/docs/demos/views/list.vue
+++ b/docs/demos/views/list.vue
@@ -65,7 +65,7 @@ export default {
 <style lang="postcss">
 .demo-list {
   .van-cell {
-    text-align: center;
+    justify-content: center;
   }
 
   .page-desc {
diff --git a/packages/button/index.vue b/packages/button/index.vue
index eaac3a611..0577ea464 100644
--- a/packages/button/index.vue
+++ b/packages/button/index.vue
@@ -11,7 +11,8 @@
         'van-button--disabled': disabled,
         'van-button--loading': loading,
         'van-button--block': block,
-        'van-button--bottom-action': bottomAction
+        'van-button--bottom-action': bottomAction,
+        'van-button--unclickable': disabled || loading
       }
     ]"
     @click="onClick"
diff --git a/packages/vant-css/src/button.css b/packages/vant-css/src/button.css
index 8528a0dd4..194dc5f7c 100644
--- a/packages/vant-css/src/button.css
+++ b/packages/vant-css/src/button.css
@@ -27,10 +27,14 @@
     transform: translate(-50%, -50%); 
   }
 
-  &:not([disabled]):active::before {
+  &:active::before {
     opacity: .3;
   }
 
+  &--unclickable:before {
+    display: none;
+  }
+
   &--default {
     color: $button-default-color;
     background-color: $button-default-background-color;