步骤条展示/交互

组件 ID: steps

这是一个标准的 SunForm 展示/交互组件，支持可视化配置与低代码生成。

JSON 配置示例

直接复制以下 JSON 到配置文件中即可使用。

{
  "type": "steps",
  "props": {
    "value": 0,
    "list": [],
    "icon": "checkbox-blank-circle-line",
    "activeIcon": "checkbox-circle-fill",
    "iconSize": "28",
    "labelSize": "26",
    "descSize": "22",
    "color": "#a6a6a6",
    "activeColor": "#007aff",
    "vertical": false,
    "reverse": false,
    "disabled": true,
    "showFooter": true,
    "remark": "",
    "hide": false,
    "style": "{}"
  }
}

属性配置 (Props)

属性名	类型	默认值	说明
`value`	number	0	表单值 / 绑定值
`list`	object	[	暂无描述
`icon`	string	checkbox-blank-circle-line	图标名称
`activeIcon`	string	checkbox-circle-fill	图标
`iconSize`	string	28	图标
`labelSize`	string	26	暂无描述
`descSize`	string	22	暂无描述
`color`	string	#a6a6a6	组件主色调
`activeColor`	string	#007aff	颜色值
`vertical`	boolean	false	暂无描述
`reverse`	boolean	false	暂无描述
`disabled`	boolean	true	是否禁用
`showFooter`	boolean	true	暂无描述
`remark`	string	-	组件备注/说明
`hide`	boolean	false	是否隐藏该组件
`style`	object	{}	自定义内联样式 CSS
`onCreated`	any	null	组件创建时触发的事件
`onMounted`	any	null	组件挂载后触发的事件
`onChange`	any	null	事件回调
`onClick`	any	null	点击组件触发的事件

步骤条 展示/交互

JSON 配置示例

属性配置 (Props)

步骤条展示/交互