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 modedouble时⽣效,默认为false
showCurrentRange 是否显示当前范围 boolean modesingle时⽣效,默认为true

值说明

条件 数据类型 示例 默认值
modesingle(滑块模式为单滑块) number 22 0
modedouble(滑块模式为双滑块) array [10,30] [0,0]

配置示例

  • modesingle(滑块模式为单滑块)slider-单滑块-配置示例
    "slider": {
        "name": "透明度",
        "type": "slider",
        "step": 0.1,
        "min": 0,
        "max": 1,
        "suffix": "α",
        "showRange": true
      }
  • modedouble(滑块模式为双滑块)slider-配置示例-双滑块
    "slider": {
        "name": "过滤范围",
        "type": "slider",
        "mode": "double",
        "step": 1,
        "min": 10,
        "max": 30,
        "showCurrentRange": true
      }