React EasyUI 滑動條

2020-06-24 12:08 更新

屬性列表

名稱 數(shù)據(jù)類型 作用描述 默認(rèn)值
value number,array 字段值。 null
disabled boolean 是否禁用滑動條。 false
mode string 指示滑塊的類型?？蛇x的值:“h”(水平)、“v”(垂直)。 h
reversed boolean 設(shè)置為true時，將最小值和最大值交換它們的位置。 false
showTip boolean 是否顯示值。 false
range boolean 是否顯示滑動條范圍。 false
min number 最小允許值。 0
max number 最大允許值。 100
step number 增加或減小值。 1
rule array 顯示標(biāo)簽旁邊的滑塊。 [ ]

注：
- 繼承： Fieldbase 。

使用方法

<Slider
    style={{ width: 300 }}
    showTip
    rule={[0, '|', 25, '|', 50, '|', 75, '|', 100]}
    value={this.state.value}
    onChange={value => this.setState({ value: value })}
/>
以上內(nèi)容是否對您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號