[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

@@ -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');
     }
   }
 };

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');
     }
   }
 };

docs/examples-docs/zh-CN/search.md

@@ -1,4 +1,6 @@
 <script>
+import { Toast } from 'packages/index';
+
 export default {
   data() {
     return {

packages/vant-css/src/contact-list.css

@@ -59,5 +59,9 @@
       color: $blue;
       font-size: 20px;
     }
+
+    &:active {
+      background-color: $active-color;
+    }
   }
 }

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 {

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 {

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;

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;