纯nvue项目(uniapp模式)
编辑器版本:2.4.2.20191115
因为swiper必须设置高,而且子组件必须是 swiper-item。对应组件化开发来说没办法直接用slot完成,代码不优雅。
所以使用scroll-view + @touchend设置scroll-x的值 模拟 swiper效果。
模拟出来效果非常好。但是只能是 ios、微信小程序、h5;在安卓下因为滑动的 惯性影响了 scrollLeft的重新定义。
必须等惯性滚动结束定义 scrollLeft才能生效。在ios下没有这种问题。小程序和h5可以通过@touchend设置scroll-x的值为false关闭惯性。然后再延迟300毫秒开启scroll-x=true,完美的模拟出来swiper的效果。
0 个回复