slider 滑动选择器
收藏我的收藏
收藏基础库 1.0.0 开始支持本组件。
滑动选择器。
属性说明
属性名 | 类型 | 默认值 | 必填 | 说明 | 最低支持版本 |
min | number | 0 | 否 | 最小值 | 1.0.0 |
max | number | 100 | 否 | 最大值 | 1.0.0 |
step | number | 1 | 否 | 步长，取值必须大于 0，并且可被（max-min）整除。 | 1.0.0 |
disabled | boolean | false | 否 | 是否禁用 | 1.0.0 |
value | number | 0 | 否 | 当前取值 | 1.0.0 |
color | Color | #e8e8e8 | 否 | 背景条的颜色（请使用 background-color） | 1.0.0 |
selected-color | Color | #f85959 | 否 | 已选择的颜色（请使用 active-color） | 1.0.0 |
active-color | Color | #f85959 | 否 | 已选择的颜色 | 1.0.0 |
background-color | Color | #e8e8e8 | 否 | 背景条的颜色 | 1.0.0 |
block-size | number | 28 | 否 | 滑块的大小，取值范围为 12 ~ 28。 | 1.0.0 |
block-color | Color | #ffffff | 否 | 滑块的颜色 | 1.0.0 |
show-value | boolean | false | 否 | 是否显示当前 value | 1.0.0 |
bindchange | EventHandle | 无 | 否 | 完成一次拖动后触发的事件，event.detail = {value: value}。 | 1.0.0 |
bindchanging | EventHandle | 无 | 否 | 拖动过程中触发的事件，event.detail = {value: value}。 | 1.0.0 |
扫码体验
代码示例
Bug & Tip
无
