A2UI 滑块 Slider

通过 Schema 配置生成 XSlider 滑块组件。

字段配置

{
  "name": "volume",
  "label": "音量",
  "type": "slider",
  "props": {
    "min": 0,
    "max": 100,
    "step": 1,
    "showTooltip": true
  }
}

Props 配置

属性	类型	默认值	说明
min	number	0	最小值
max	number	100	最大值
step	number	1	步进值
disabled	boolean	false	禁用状态
showTooltip	boolean	true	显示 Tooltip
range	boolean	false	范围选择模式

示例

基础滑块

{ "name": "progress", "label": "进度", "type": "slider" }

带范围滑块

{ "name": "priceRange", "label": "价格范围", "type": "slider", "props": { "min": 0, "max": 1000, "step": 10 } }

默认值

Slider 字段默认值为 0。

渲染组件

A2UI Slider 字段会渲染为 XTO UI 的 XSlider 组件：

<XSlider v-model="formData.volume" :min="0" :max="100" />

相关链接

• XSlider 组件文档 - XTO UI 滑块详细说明
• A2UI 表单 - 表单整体配置