更新记录

1.1.0（2022-06-30）

1. 新增垂直滑动组件
2. 自定义高度

1.0.0（2022-06-29）

1. 新增滑动选择组件
2. 实现自定义范围，数据类型，刻度宽度，自动滚动指定位置

平台兼容性

使用说明

1. 下载插件

2. 引用插件

import horizontalRule from '@/components/horizontal-rule/horizontal-rule.vue'
import verticalRule from '@/components/horizontal-rule/vertical-rule.vue'

export default {
    components: {
        'horizontal-rule': horizontalRule,
        'vertical-rule': verticalRule
    }
}

3. html

<horizontal-rule min="10" max="50" :value="20" @change="change"></horizontal-rule>

<vertical-rule min="10" max="50" :value="20" @change="change"></vertical-rule>

4. js

// 子组件抛出的选择结果
change: function(e) {
    this.dfVal = Math.round(e)
},

4. 组件传参说明

5. 组件传参说明