React EasyUI 滑动条

2020-06-24 12:08 更新

属性列表

名称 数据类型 作用描述 默认值
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 })}
/>

以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号