ly-tab插件使用

274 阅读1分钟

ly-tab插件的使用,这个插件对于手机端编写导航很是方便

使用方法

第一步引入ly-tab: install ly-tab, 第二步import引入,第三步在组件中使用: <ly-tab v-model="selectedId" :items="items" :options="options" @change="handleChange" /> 在随便给点数据: data(){ return{ names:"viper3", selectedId:0, items:[ {label:"卡莎"}, {label:"小炮"}, {label:"轮子妈"}, {label:"EZ"}, {label:"烬"}, {label:"寒冰"}, {label:"厄斐琉斯"}, {label:"霞"}, {label:"维鲁斯"}, {label:"卢锡安"}, {label:"尼菈"}, {label:"莎米拉"},

            ],
            options:{
                activeColor:'#f00',
                fixBottom:false,
                reBoundExponent:100,
                reBoundingDuration:360
            }
        }
    },

就可以使用了,其他属性如下图

image.png