From 997780f2f500298d172247273ee94cfe5ad4e09a Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@buaa.edu.cn>
Date: Thu, 3 May 2018 16:07:16 +0800
Subject: [PATCH] [Improvement] Slider: expand touch area (#977)

---
 packages/vant-css/src/slider.css | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/packages/vant-css/src/slider.css b/packages/vant-css/src/slider.css
index bb4184df1..982988fa0 100644
--- a/packages/vant-css/src/slider.css
+++ b/packages/vant-css/src/slider.css
@@ -21,6 +21,16 @@
     background-color: $white;
     transform: translate3d(50%, -50%, 0);
     box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
+
+    /* use pseudo element to expand touch area */
+    &::after {
+      content: '';
+      position: absolute;
+      width: 200%;
+      height: 200%;
+      top: -50%;
+      left: -50%;
+    }
   }
 
   &--disabled {