[Improvement] Slider: expand touch area (#977)

2025-10-18 17:51:54 +00:00 · 2018-05-03 16:07:16 +08:00
parent 70399d0e17
commit 997780f2f5
1 changed files with 10 additions and 0 deletions
--- 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 {