slider

更新时间：2024-09-18 14:46:35

基础库1.1.0开始支持,低版本需做兼容处理

开发者工具1.22.0开始支持

滑动选择器。

属性

属性	类型	默认值	必填	说明
name	string		否	在表单中的字段名
min	number	0	否	最小值
max	number	100	否	最大值
step	number	1	否	步长，取值必须大于 0，并且可被(max - min)整除
disabled	boolean	false	否	是否禁用
value	number	0	否	当前取值
color	string	'#e9e9e9'	否	背景条的颜色（请使用 backgroundColor）
selected-color	string	'#1aad19'	否	已选择的颜色（请使用 activeColor）
active-color	string	'#1aad19'	否	已选择的颜色
background-color	string	'#e9e9e9'	否	背景条的颜色
block-size	number	28	否	滑块的大小，取值范围为 12 - 28
block-color	string	'#ffffff'	否	滑块的颜色
show-value	boolean	false	否	是否显示当前 value
bindchange	(e: { detail: { value: number } } & Event) => void		否	完成一次拖动后触发的事件，event.detail = {value}
bindchanging	(e: { detail: { value: number } } & Event) => void		否	拖动过程中触发的事件，event.detail = {value}

扫码体验

示例代码