表单组件_slider
原创2026/3/5小于 1 分钟
滑动选择器,基本实现 <slider />
常用属性
| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| step | number | 1 | 否 | 步长,取值必须大于 0,并且可被(max - min)整除 |
| show-value | boolean | false | 否 | 是否显示当前 value |
| min | number | 0 | 否 | 最小值 |
| max | number | 100 | 否 | 最大值 |
| disabled | boolean | false | 否 | 是否禁用 |
| value | number | 0 | 否 | 当前取值 |
| backgroundColor | color | #e9e9e9 | 否 | 背景条的颜色 |
| activeColor | color | #1aad19 | 否 | 已选择的颜色 |
| block-color | color | #ffffff | 否 | 滑块的颜色 |
<slider />
<slider step="20" />
<slider show-value />
<slider min="50" max="200" show-value />
<slider min="50" max="200" show-value disabled />
<slider show-value value="30" />
<slider show-value value="30" backgroundColor="red" />
<slider show-value value="30" backgroundColor="red" activeColor="blue" />
<slider block-color="red" />至此,本章节的学习就到此结束了,如有疑惑,可对接技术客服进行相关咨询。