Slider 滑块

用于在一个范围内选择数值。

代码演示

当前值: 40

滑块选择器

<m-slider min="0" max="100" value="40" show-value @change="onSliderChange" />

<!-- 自定义颜色 -->
<m-slider value="30" active-color="#10B981" stroke-width="8" />
<m-slider value="50" active-color="#F59E0B" background-color="#FEF3C7" />

API

属性

属性	说明	类型	默认值
min	最小值	number	0
max	最大值	number	100
step	步长	number	1
value	当前值	number	0
disabled	是否禁用	boolean	false
show-value	是否显示当前值	boolean	false
active-color	已选择部分的颜色	string	-
background-color	背景条的颜色	string	-
block-size	滑块大小（px）	number	28

事件

属性	说明	类型	默认值
changing	拖动过程中触发	{ value }	-
change	拖动结束后触发	{ value }	-