使用方法

vue3 setup ts 版本

<slider color="bc-danger" twin range stops @change="changeSlider" v-model="value" max="100" step="10" size="10" class="w-300 h-16 bc-f6 ra-20"></slider>

组件说明：

1、选中背景色 自由设置 直接给色值，或样试

color="#ff9900"

color="fc-ff9900"

2、绑定值 v-model="value"

如果范围选择 value="50,30" 或 value="[50,30]"

3、特点

1:宽高随意设，如果宽大高度默认为横排，如果高大于宽度默认为竖排

2:拖动圆点大小，两种方式  size 当为Number 时就是 高/size 大小 当为size="10px" 就是固大10px大小

图文说明1 （区间选中）

color="bc-danger" 选中色 ， class="w-300 h-16" 宽300px 高16px 

size="50px"  拖动圆圈大小

color="#ff9900" 选中色 ， class="h-300 w-26" 高300px 宽26px 

下载地址：https://download.csdn.net/download/wyulang/89909496