uniapp 怎么优化长列表和 swiper 滑动的组合使用呢?
回答·10
最热
最新
- 长列表可以做虚拟列表,本地懒加载,swiper 做滑动就是组件放在列表里而已,两者没有本质的联系,只是 swiper 放在列表里而已
- 自己写一个,不要用 swiper
- 用 nvue list,详情去论坛看,hello uniapp 做的就很不错,首页就是长列表加 swiper
- 这里是不是要考察虚拟滚动?
- 有啥需要优化的,正常逻辑很常见吧
- 首先确定优化方向,我理解的是不是在滑动的时候用户体验不好,可以考虑监听 swiper 的滑动,阻止冒泡,取消默认事件,重写一下,根据滑动方向判断一下是否触发长列表的滑动
- 用 onRefeshButton 来做分页的事件监听 不用任何组件 div 就行
- 直接组合使用就行了。你指的优化是哪方面?少写一点代码?
- 优化内容是指最终在真机上的体验么,这样的话和 uniAPP 关系不大,编译的最终产物还是得看在小程序里使用了长列表和 swiper 实现的效果,一般都是 swiper 固定显示当前几个加后几个其他都隐藏来保证 swiper-item 过多的问题,至于一个 swiper-item 里面的内容就看具体都是什么内容,图片视频还是什么资源,具体问题具体优化
- 表示看不懂,是优化啥