使用方法
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