jy们,十万火急,接手了一个远古外包项目。 uniapp怎么去实现类似于掘金APP端首页滚动切换tabs的丝滑体验啊,自己实现的感觉效果上差的比较多。(uniapp+uview 2x+vue2)
因为也是第一次使用uniapp做多移动端(安卓/ios + 手机/平板等),这方面没有什么处理经验。![[流泪]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_6.dde0d83.png)
大概的页面布局如图一;
主要问题:
1.顶部tabs的指示器dot和内容组件的滚动联动: tab是用scroll-view手搓的,因为有图片作为tab。如果根据swiper的左右滑动,使用js计算的在tab个数多时候容易因为计算频率太高导致定位错误
2.swiper在第一屏的时候无法禁用左滑(从左至右),最后一屏无法禁用右滑;ps:可能是我没有找对方法
3.在首次进入时,每个屏都没有加载内容,如果快速滑动切换,如何去处理这个经过的每一屏的数据处理(尽量要避免刷过一个屏就加载一个屏的数据,因为我们的业务每一屏都有很多图片要加载,且大小不小)
因为也是第一次使用uniapp做多移动端(安卓/ios + 手机/平板等),这方面没有什么处理经验。
![[流泪]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_6.dde0d83.png)
大概的页面布局如图一;
主要问题:
1.顶部tabs的指示器dot和内容组件的滚动联动: tab是用scroll-view手搓的,因为有图片作为tab。如果根据swiper的左右滑动,使用js计算的在tab个数多时候容易因为计算频率太高导致定位错误
2.swiper在第一屏的时候无法禁用左滑(从左至右),最后一屏无法禁用右滑;ps:可能是我没有找对方法
3.在首次进入时,每个屏都没有加载内容,如果快速滑动切换,如何去处理这个经过的每一屏的数据处理(尽量要避免刷过一个屏就加载一个屏的数据,因为我们的业务每一屏都有很多图片要加载,且大小不小)
展开
34
3