信息录入
数据展示
Slider
滑动输入条
何时使用
当用户需要在数值区间/自定义区间内进行选择时,可为连续或离散值。
基础用法
基础的滑动块输入条用法
通过 size 参数可以设置滑动块的尺寸。
通过 max/min 属性设置滚动条上的最大值/最小值,默认为 100/0。
通过 defaultValue 属性设置默认值。
禁用状态
通过 disabled 属性设置是否禁用滑动输入条。
单滑块
单滑块可以设置均匀刻度和不均匀刻度,marks 中没有传 weight 权重时默认为均匀刻度。
通过 step 属性设置滑动输入条的步进值。
通过 label 属性设置提示标签。
通过 marks 属性设置滑动条上的标尺。
区间滑块
使用 RangeSlider 组件可以配置双滑块,使用方法和单滑块一致。
不均匀刻度
通过 marks 中传 weight 权重可以配置不均匀刻度。
通过 minRange 属性可以设置滑动的最小距离,若最小距离小于 1,需要用 decimals 设置滑动时显示的小数位。
受控的滑动块
默认单滑块和双滑块都是非受控的,添加 onChange 和 value 入参可以使其变成受控的滑动块组件。