WXOPEN Club

bindtap如何扩展点击区域？

发布于 6 年前作者 chao534606 次浏览最后编辑 6 年前来自 ask
  • bindtap如何扩展点击区域？

由于触摸点击事件不像电脑上一样精准，屏幕上显示的icon又比较小，不容易点到

于是给icon设置了margin和padding，却发现点到icon的margin和padding部分并不会触发bingtap事件

按照网上的设置透明border，也不行。不确定是不是我使用姿势有问题。

因此想请教大家，bindtap如何扩展点击区域？

3 回复
zhumin
zhumin1 楼6 年前

利用伪元素，参考代码：

.view{
  position: relative;
 
  &::after{
    position: absolute;
    display: block;
    width: 200%;
    height: 200%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
  }
}
zouli
zouli2 楼6 年前

这里可以完美解决，希望能帮到你 ——> 巧用伪元素(:after/before)放大手机端点击区域

leiping
leiping3 楼4 年前

icon外面套个view，给view添加padding或者设置宽高，然后bindtap绑在view上