From 7325334734ab16ea3ab2f919bbb6d4fc4726cc90 Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@buaa.edu.cn>
Date: Wed, 25 Oct 2017 03:03:44 -0500
Subject: [PATCH] [bugfix] add click feedback of buttons in components (#248)

* [bugfix] CouponList always show empty info

* [bugfix] add click feedback of buttons in components
---
 docs/examples-docs/en-US/picker.md     |  6 ++++--
 docs/examples-docs/zh-CN/picker.md     |  6 ++++--
 docs/examples-docs/zh-CN/search.md     |  2 ++
 packages/vant-css/src/contact-list.css |  4 ++++
 packages/vant-css/src/picker.css       |  8 ++++++++
 packages/vant-css/src/search.css       |  4 ++++
 packages/vant-css/src/sku.css          |  2 +-
 packages/vant-css/src/stepper.css      | 11 +++++++++++
 8 files changed, 38 insertions(+), 5 deletions(-)

diff --git a/docs/examples-docs/en-US/picker.md b/docs/examples-docs/en-US/picker.md
index 2cd2bad84..7da0e09db 100644
--- a/docs/examples-docs/en-US/picker.md
+++ b/docs/examples-docs/en-US/picker.md
@@ -1,4 +1,6 @@
 <script>
+import { Toast } from 'packages/index';
+
 const citys = {
   '浙江': ['杭州', '宁波', '温州', '嘉兴', '湖州', '绍兴', '金华', '衢州', '舟山', '台州', '丽水'],
   '福建': ['福州', '厦门', '莆田', '三明', '泉州', '漳州', '南平', '龙岩', '宁德'],
@@ -27,10 +29,10 @@ export default {
       picker.setColumnValues(1, citys[values[0]]);
     },
     handlePickerCancel() {
-      alert('picker cancel');
+      Toast('picker cancel');
     },
     handlePickerConfirm() {
-      alert('picker confirm');
+      Toast('picker confirm');
     }
   }
 };
diff --git a/docs/examples-docs/zh-CN/picker.md b/docs/examples-docs/zh-CN/picker.md
index c4831c120..1b7d5e903 100644
--- a/docs/examples-docs/zh-CN/picker.md
+++ b/docs/examples-docs/zh-CN/picker.md
@@ -1,4 +1,6 @@
 <script>
+import { Toast } from 'packages/index';
+
 const citys = {
   '浙江': ['杭州', '宁波', '温州', '嘉兴', '湖州', '绍兴', '金华', '衢州', '舟山', '台州', '丽水'],
   '福建': ['福州', '厦门', '莆田', '三明', '泉州', '漳州', '南平', '龙岩', '宁德'],
@@ -27,10 +29,10 @@ export default {
       picker.setColumnValues(1, citys[values[0]]);
     },
     handlePickerCancel() {
-      alert('picker cancel');
+      Toast('picker cancel');
     },
     handlePickerConfirm() {
-      alert('picker confirm');
+      Toast('picker confirm');
     }
   }
 };
diff --git a/docs/examples-docs/zh-CN/search.md b/docs/examples-docs/zh-CN/search.md
index a8d4bb55a..a4c62a82b 100644
--- a/docs/examples-docs/zh-CN/search.md
+++ b/docs/examples-docs/zh-CN/search.md
@@ -1,4 +1,6 @@
 <script>
+import { Toast } from 'packages/index';
+
 export default {
   data() {
     return {
diff --git a/packages/vant-css/src/contact-list.css b/packages/vant-css/src/contact-list.css
index bff41eb7a..b14c97da7 100644
--- a/packages/vant-css/src/contact-list.css
+++ b/packages/vant-css/src/contact-list.css
@@ -59,5 +59,9 @@
       color: $blue;
       font-size: 20px;
     }
+
+    &:active {
+      background-color: $active-color;
+    }
   }
 }
\ No newline at end of file
diff --git a/packages/vant-css/src/picker.css b/packages/vant-css/src/picker.css
index c5acbf21e..cf58b9922 100644
--- a/packages/vant-css/src/picker.css
+++ b/packages/vant-css/src/picker.css
@@ -8,7 +8,15 @@
     height: 40px;
     line-height: 40px;
     overflow: hidden;
+  }
+
+  &__cancel,
+  &__confirm {
     padding: 0 15px;
+
+    &:active {
+      background-color: $active-color;
+    }
   }
 
   &__cancel {
diff --git a/packages/vant-css/src/search.css b/packages/vant-css/src/search.css
index d4238ed38..894c1da46 100644
--- a/packages/vant-css/src/search.css
+++ b/packages/vant-css/src/search.css
@@ -51,6 +51,10 @@
   &__action-text {
     padding: 0 10px;
     color: $green;
+
+    &:active {
+      background-color: $active-color;
+    }
   }
 
   .van-icon-search {
diff --git a/packages/vant-css/src/sku.css b/packages/vant-css/src/sku.css
index 22ec430dd..5bb6fac10 100644
--- a/packages/vant-css/src/sku.css
+++ b/packages/vant-css/src/sku.css
@@ -183,7 +183,7 @@
     height: 50px;
     padding: 0;
     border: 0;
-    background: $orange;
+    background: #f85;
     color: $white;
     font-size: 16px;
     line-height: 50px;
diff --git a/packages/vant-css/src/stepper.css b/packages/vant-css/src/stepper.css
index 277058ced..ed01d4784 100644
--- a/packages/vant-css/src/stepper.css
+++ b/packages/vant-css/src/stepper.css
@@ -44,6 +44,17 @@
     }
   }
 
+  &__minus,
+  &__plus {
+    &:active {
+      background-color: $active-color;
+    }
+
+    &--disabled:active {
+      background-color: $background-color;
+    }
+  }
+
   &__minus {
     border-radius: 2px 0 0 2px;