Merge pull request #169 from Tencent/fix/stepper/hotspot

fix(stepper): expand button click hotspot
Tencent · Feb 13, 2022 · b9e888e · b9e888e
2 parents 3464090 + 2113e2a
commit b9e888e
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 2 deletions.
diff --git a/src/common/style/utilities/_index.less b/src/common/style/utilities/_index.less
@@ -1,2 +1,17 @@
 @import './_float.less';
 @import './_animation.less';
+
+.hotspot-expanded {
+  position: relative;
+
+  &::after {
+    content: '';
+    display: block;
+    position: absolute;
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    transform: scale(1.5);
+  }
+}
diff --git a/src/stepper/stepper.wxml b/src/stepper/stepper.wxml
@@ -2,7 +2,7 @@
   class="{{classPrefix}} {{classPrefix}}--{{theme === 'grey' ? 'pure' : 'normal'}} {{ disabled ? prefix + '-is-disabled': ''}} {{prefix}}-class"
 >
   <view
-    class="{{classPrefix}}__minus {{prefix}}-class-minus {{ disabled || disableMinus || currentValue <= min ? prefix + '-is-disabled': ''}}"
+    class="{{classPrefix}}__minus {{prefix}}-class-minus {{ disabled || disableMinus || currentValue <= min ? prefix + '-is-disabled': ''}} hotspot-expanded"
     bindtap="minusValue"
   >
     <t-icon
@@ -21,7 +21,7 @@
     bindblur="blurHandler"
   />
   <view
-    class="{{classPrefix}}__plus {{prefix}}-class-plus {{ disabled || disablePlus|| currentValue >= max ? prefix + '-is-disabled': ''}}"
+    class="{{classPrefix}}__plus {{prefix}}-class-plus {{ disabled || disablePlus|| currentValue >= max ? prefix + '-is-disabled': ''}} hotspot-expanded"
     bindtap="plusValue"
   >
     <t-icon