React EasyUI 滑动条
属性列表
| 名称 | 数据类型 | 作用描述 | 默认值 |
|---|---|---|---|
| value | number,array | 字段值。 | null |
| disabled | boolean | 是否禁用滑动条。 | false |
| mode | string | 指示滑块的类型。可选的值:“h”(水平)、“v”(垂直)。 | h |
| reversed | boolean | 设置为true时，将最小值和最大值交换它们的位置。 | false |
| showTip | boolean | 是否显示值。 | false |
| range | boolean | 是否显示滑动条范围。 | false |
| min | number | 最小允许值。 | 0 |
| max | number | 最大允许值。 | 100 |
| step | number | 增加或减小值。 | 1 |
| rule | array | 显示标签旁边的滑块。 | [ ] |
注：
- 继承： Fieldbase 。
使用方法
<Slider
style={{ width: 300 }}
showTip
rule={[0, '|', 25, '|', 50, '|', 75, '|', 100]}
value={this.state.value}
onChange={value => this.setState({ value: value })}
/>