From c4553011295e8f0a76ec3eb88eb8f23dbd3ea932 Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@buaa.edu.cn>
Date: Tue, 12 Dec 2017 20:05:36 +0800
Subject: [PATCH] =?UTF-8?q?[Improvement]=20add=20active=20color=20for=20Ba?=
 =?UTF-8?q?dge=E3=80=81CouponList=E3=80=81ContactCard=20(#419)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/vant-css/src/badge.css        | 15 ++++++++++++---
 packages/vant-css/src/contact-card.css |  4 ++++
 packages/vant-css/src/coupon-list.css  |  6 ++++++
 3 files changed, 22 insertions(+), 3 deletions(-)

diff --git a/packages/vant-css/src/badge.css b/packages/vant-css/src/badge.css
index a71716807..141ec3391 100644
--- a/packages/vant-css/src/badge.css
+++ b/packages/vant-css/src/badge.css
@@ -5,13 +5,18 @@
   overflow: hidden;
   font-size: 14px;
   line-height: 1.4;
+  user-select: none;
+  color: $gray-darker;
+  word-break: break-all;
   box-sizing: border-box;
   padding: 20px 12px 20px 9px;
-  color: $gray-darker;
   background-color: $background-color;
-  word-break: break-all;
   border-left: 3px solid transparent;
 
+  &:active {
+    background-color: $active-color;
+  }
+
   &:not(:last-child)::after {
     border-bottom-width: 1px;
   }
@@ -24,11 +29,15 @@
     font-weight: bold;
     color: $text-color;
     border-color: $red;
-    background-color: $white;
 
     &::after {
       border-right-width: 1px;
     }
+
+    &,
+    &:active {
+      background-color: $white;
+    }
   }
 
   &__info {
diff --git a/packages/vant-css/src/contact-card.css b/packages/vant-css/src/contact-card.css
index 7feec175a..c3850a2d4 100644
--- a/packages/vant-css/src/contact-card.css
+++ b/packages/vant-css/src/contact-card.css
@@ -4,6 +4,10 @@
   position: relative;
   background-color: $white;
 
+  &:active {
+    background-color: $active-color;
+  }
+
   &--add {
     line-height: 40px;
 
diff --git a/packages/vant-css/src/coupon-list.css b/packages/vant-css/src/coupon-list.css
index 32f1f1d03..98994e1eb 100644
--- a/packages/vant-css/src/coupon-list.css
+++ b/packages/vant-css/src/coupon-list.css
@@ -229,5 +229,11 @@
         background-image: linear-gradient(45deg, #a4a9b2, #b7bcc3);
       }
     }
+
+    &:active {
+      .van-coupon-item__body {
+        background-color: $active-color;
+      }
+    }
   }
 }