需求如下，做成可切换的导航
blob.jpg
苦思1分钟，好了，网上找demo 于是。。找到了~ 地址
demo中循环的使用的是二维数组里的json，可我的后台小伙伴给直接给的是一维数组的json
js逻辑操作，马上开工。
let arr = []
let temp = []
const nums = navs.length/10
if(nums>1){
let j = 0
for (let i = 1; i < nums+1; i++) {
temp = navs.slice(j,j?j*i:10)
j = j+10
arr.push(temp.concat(navs))
}
}else{
arr = navs
}
代码就不具体解释了。上面的代码是一排5个，所以用navs的数量除以10，如果实现上图的效果，除以8就可以了。
网友评论