在把项目改造成小程序的过程中,需要一个swiper每次能滑动7个item。
我在vue项目中使用awesome-swiper,它无疑是个非常,特别,极其强大的swiper组件(* ̄︶ ̄)
小程序的Swiper组件,与awesome-swiper相比,逊色不少,并不能直接设置一次滑动7个(只能设置一次显示7个)。
看了良久开放文档,swiper提供的属性与方法就那么寥寥几个,(╯▽╰)
在此,只能改造一下数据源,原本的一维数组修改为二维数组,每7个item放进一个数组元素中。
// 举个栗子
arr =[a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q...]
// 修改为
arr = [
[a,b,c,d,e,f,g],
[h,i,j,k,l,m,n]
...
]
然后在swiper组件中用两次循环打印出来即可。