Vue-Range-Sliderc
基于vue的范围拖动条组件
## 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](https://github.com/Cxuyang/vue-range-slider/blob/master/examples/components/vue-range-slider.vue) 目录
### Available props
| 参数 | 类型 | 默认值 | 备注 |
| --------- | ------ |------ | --------------------------|
| dataArray | Array | [] | Vue-Range-Slider数据列表 |
| isShowScaleLine | Boolean | true | 是否显示刻度条 |
| currentIndex | Number | 0 | 当前数据索引 |
### Function
| 函数名 | 参数 | 备注 |
| --------- | ------ | ------------------------------------------------------------ |
| setDataIndex | index | 当前数据索引 |
## 期望
1. 针对于不同数据项文本长度的不同 对刻度线显示进行优化
2. 优化代码
3. 增加更多自定义控制
## License
MIT