slider表示组件的配置项类型为滑动条。⽀持单滑块和双滑块,同时支持定制步⻓、最大值和最小值、前缀和后缀、精度,可开启范围显示。
配置项说明
字段名 |
含义 |
类型 |
是否必选 |
备注 |
name |
显示名 |
string |
是 |
无。 |
type |
类型 |
string |
是 |
无。 |
default |
默认值 |
number或array |
否 |
不填时值为空。 |
step |
步⻓ |
number |
否 |
无。 |
min |
最小值 |
number |
否 |
无。 |
max |
最大值 |
number |
否 |
无。 |
prefix |
前缀 |
string |
否 |
无。 |
suffix |
后缀 |
string |
否 |
无。 |
precision |
精度(⼩数位数) |
number |
否 |
显示精度,仅对⼩数值⽣效。 |
mode |
滑块模式 |
string |
否 |
可选值:
single :单滑块(默认)。
double :双滑块。
|
showRange |
是否显示范围 |
boolean |
否 |
当mode 为double 时⽣效,默认为false 。 |
showCurrentRange |
是否显示当前范围 |
boolean |
否 |
当mode 为single 时⽣效,默认为true 。 |
值说明
条件 |
数据类型 |
示例 |
默认值 |
mode 为single (滑块模式为单滑块) |
number |
22 |
0 |
mode 为double (滑块模式为双滑块) |
array |
[10,30] |
[0,0] |
配置示例
mode
为single
(滑块模式为单滑块)
"slider": {
"name": "透明度",
"type": "slider",
"step": 0.1,
"min": 0,
"max": 1,
"suffix": "α",
"showRange": true
}
mode
为double
(滑块模式为双滑块)
"slider": {
"name": "过滤范围",
"type": "slider",
"mode": "double",
"step": 1,
"min": 10,
"max": 30,
"showCurrentRange": true
}