nav-follow

基于vue的插件，下划线跟随导航，支持PC、移动端

使用

npm安装

npm install nav-follow -S

引入

import NavFollow from 'nav-follow'

Vue.use(NavFollow)

组件使用

<nav-follow></nav-follow>

参数

| 参数 | 说明 | 类型 | 可选值 | 默认值 | | :--------: | :-----: | :----: | :----: |:----: | | type | 底部线条的类型，一共3种 '0'表示等于li里文字的宽度'1'表示等于li的宽度'2' 自定义 |string| 0~2 |'0' | | isScroll | 是否显示滚动条 |boolean| true/false |false| | lineWidth| 底部线条的宽度，type为'2'时有效,|number| - |32 | | color| 底部线条颜色和文字选中颜色|string| rgb/hex |'#f00' | | navList| 导航数组，如果需要对导航加链接，只需对数组对象里添加link属性加上链接即可如navlist[{link:'http://www.baidu.com'}]|Array| - |- |

组件方法

| 方法 | 说明 | 类型 | 默认值 | | :--------: | :-----: | :----: | :----: | | click |点击时的回调函数，返回当前项的索引和当前项|Function | -|