请问一下这个swiper如果用于做横向相册列表,如何做数据的分页?

来源:3-1 轮播图组件swiper

慕丝7210068

2020-04-23

请问一下这个swiper如果用于做横向相册列表,如何做数据的分页展示,以及判断滑动的方向呢?每20个swiper-item一页,都很卡了呢?有没有参考示例看看,这个功能实在实现不了啊

写回答

2回答

谢成

2020-04-24

1、关于swiper的方向,文档中有详细的说明了哪个配置项可以配置方向: https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html

2、手指滑动的方向,在课程中也用到了touchEnd,可以用touchStart和touchEnd两个事件,然后通过坐标的差值来判断方向

0
1
慕丝7210068
哪个地方讲过啊?没有找到呢
2020-04-24
共1条回复

谢成

2020-04-23

没明白要实现的效果是什么样的?

swiper是轮播的形式,每次显示一个swiper-item。这是文档: https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html

数据分页是什么意思呢?

0
1
慕丝7210068
就是我有很多内容需要显示,每次显示20个,当切换到第20个的时候,我希望能判断滑动的方向,再加载第20到40个进来,无限加载这种,相当于分页效果,只不过是横向的呀?
2020-04-23
共1条回复

微信小程序云开发-从0打造云音乐全栈小程序

横跨小程序端、云后端、CMS一站式云开发的小程序全栈课程

1938 学习 · 2768 问题

查看课程