小程序导航图标滑动

需求如下，做成可切换的导航

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就可以了。