nutui/src/packages/elevator/demo.vue

<template>
    <div>
        <nut-elevator 
        :dataArray="dataList"  
        :showIndicator="true"
        :navHeight="40"
        :otherHeight="60"
        :initIndex="0" 
        :hiddenTime='500'
        @clickNav="clickNav"
        @clickList="clickList"
        ></nut-elevator>
  </div>
</template>

<script>
export default {
    data(){
        return{
          dataList:[
            {
              title:"A",
              list:[
                {
                  name:'安其拉',
                  id:'a1'
                },
                {
                  name:'安琪',
                  id:'a2'
                }
              ]
            },
            {
              title:"B",
              list:[
                {
                  name:'卞小明',
                  id:'b1'
                },
                  {
                  name:'卞小页',
                  id:'b2'
                }
              ]
            },
            {
              title:"C",
              list:[
                {
                  name:'陈仙仙',
                  id:'c1'
                },
                {
                  name:'成小龙',
                  id:'c2'
                },
                {
                  name:'程野',
                  id:'c3'
                }
              ]
            },
            {
              title:"D",
              list:[
                {
                  name:'丁小明',
                  id:'d1'
                },
                {
                  name:'丁小龙',
                  id:'d2'
                },
                {
                  name:'丁小野',
                  id:'d3'
                }
              ]
            },
            {
              title:"F",
              list:[
                {
                  name:'冯小明',
                  id:'f1'
                },
                {
                  name:'冯小龙',
                  id:'f2'
                },
                {
                  name:'冯小野',
                  id:'f3'
                }
              ]
            },
            {
              title:"G",
              list:[
                {
                  name:'高小明',
                  id:'g1'
                },
                {
                  name:'高小龙',
                  id:'g2'
                },
                {
                  name:'高小野',
                  id:'g3'
                },
                {
                  name:'高小阳',
                  id:'g4'
                },
                {
                  name:'郭小名',
                  id:'g5'
                }
              ]
            },
            {
              title:"H",
              list:[
                {
                  name:'黄小明',
                  id:'h1'
                },
                {
                  name:'黄小龙',
                  id:'h2'
                },
                {
                  name:'黄小野',
                  id:'h3'
                },
                {
                  name:'郝小阳',
                  id:'h4'
                },
                {
                  name:'郝小名',
                  id:'h5'
                }
              ]
            },
            {
              title:"J",
              list:[
                {
                  name:'贾小明',
                  id:'j1'
                },
                {
                  name:'贾小龙',
                  id:'j2'
                },
                {
                  name:'贾小野',
                  id:'j3'
                },
                {
                  name:'贾小阳',
                  id:'j4'
                },
                {
                  name:'贾小名',
                  id:'j5'
                }
              ]
            },
            {
              title:"K",
              list:[
                {
                  name:'康小明',
                  id:'k1'
                },
                {
                  name:'康小龙',
                  id:'k2'
                },
                {
                  name:'康小野',
                  id:'k3'
                },
                {
                  name:'康小阳',
                  id:'k4'
                },
                {
                  name:'康小名',
                  id:'k5'
                }
              ]
            },
            {
              title:"L",
              list:[
                {
                  name:'李小明',
                  id:'l1'
                },
                {
                  name:'李小龙',
                  id:'l2'
                },
                {
                  name:'李小野',
                  id:'l3'
                },
                {
                  name:'李小阳',
                  id:'l4'
                },
                {
                  name:'李小名',
                  id:'l5'
                }
              ]
            },
          ]

        }
    },
    methods:{
      clickNav(title,index){
        console.log(title,index);
      },
      clickList(list,item){
        console.log(list,item);
      }
    }
}
</script>

<style lang="scss">
</style>