1.0.1 • Published 4 years ago
nav-follow v1.0.1
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 | - |