slider表示组件的配置项类型为滑动条。⽀持单滑块和双滑块,同时支持定制步⻓、最大值和最小值、前缀和后缀、精度,可开启范围显示。
配置项说明
字段名 | 含义 | 类型 | 是否必选 | 备注 |
---|---|---|---|---|
name |
显示名 | string | 是 | 无。 |
type |
类型 | string | 是 | 无。 |
default |
默认值 | number或array | 否 | 不填时值为空。 |
step |
步⻓ | number | 否 | 无。 |
min |
最小值 | number | 否 | 无。 |
max |
最大值 | number | 否 | 无。 |
prefix |
前缀 | string | 否 | 无。 |
suffix |
后缀 | string | 否 | 无。 |
precision |
精度(⼩数位数) | number | 否 | 显示精度,仅对⼩数值⽣效。 |
mode |
滑块模式 | string | 否 | 可选值:
|
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 }