基于vue的范围拖动条组件

!demo

Features

- 支持拖动播放以及定点播放
- 根据数据索引来改变播放进度
- 支持刻度线动态显示(为了更好的显示,尽量保证每个数据项文本长度一致)

Installation

``
$ npm install vue-range-sliderc
or
$ yarn add vue-range-sliderc

`

Usage

`main.js
import VueRangeSilderc from 'vue-range-sliderc'
import 'vue-range-sliderc/lib/vue-range-sliderc.css'
Vue.use(VueRangeSilderc)
`

`vue



``

Demo

源码请前往 components 目录

$3

| 参数 | 类型 | 默认值 | 备注 |
| --------- | ------ |------ | --------------------------|
| dataArray | Array | [] | Vue-Range-Slider数据列表 |
| isShowScaleLine | Boolean | true | 是否显示刻度条 |
| currentIndex | Number | 0 | 当前数据索引 |

$3

| 函数名 | 参数 | 备注 |
| --------- | ------ | ------------------------------------------------------------ |
| setDataIndex | index | 当前数据索引 |

期望

1. 针对于不同数据项文本长度的不同 对刻度线显示进行优化
2. 优化代码
3. 增加更多自定义控制

License

MIT