支付宝小程序mini-ali-ui中swiper-action组件首次渲染后点击向左抖动问题

177 阅读1分钟

bug前提

项目中使用mini-ali-ui中的swiper-action组件实现左滑删除功能,但在首次渲染后点击组件,组件会有一个向左移动的抖动。二次点击则不会触发该抖动。经过调试源码,发现是moveable-view的touchEnd事件的处理中,将x的位移改成了元素长度-1.所以会第一次触发抖动。

解决办法

image.png

将swiper-action组件抽离出来,并在onChangeEnd事件中,将对x对赋值改为actionWidth

疑问

不知道作者为什么在这里将actionWidth做减1处理,目前还未发现影响对功能点