2020
11-19
11-19
微信小程序实现列表左右滑动
做微信小程序开发,和app一样经常会用到列表左右滑动操作(删除等),目前微信小程序官方没有提供相应的控件。只能我们自己来做,方法很多,我这里给个思路,仅供参考,欢迎讨论。1、我们可以把列表的元素放在scroll-view控件中,并且让scroll-view实现横向滑动2、把列表内容项的宽度占满手机宽度,利用rpx特性(自适应屏幕),默认iphon6就是750rpx,只要设置大于等于750rpx就可以。3、监听滑动后列表操作事件,即可细节点:(1)...
继续阅读 >
本文实例为大家分享了微信小程序实现页面左右滑动的具体代码,供大家参考,具体内容如下效果:wxml文件<viewbindtouchmove="tap_drag"bindtouchend="tap_end"bindtouchstart="tap_start"class="page-top{{open?['c-state','cover']:''}}"><viewbindtap="tap_ch"style="{{open?'color:red;font-weight:bold;':''}}">{{open?'手指左滑':'手指右滑'}}</view><viewclass='content'><text>...