按钮展示/交互

组件 ID: button

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

JSON 配置示例

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

{
  "type": "button",
  "props": {
    "label": "按钮",
    "size": "n",
    "skin": "normal",
    "rounded": false,
    "width": "100%",
    "disabled": false,
    "icon": "",
    "btnIcon": false,
    "loading": false,
    "iconSize": "32",
    "fontSize": "32",
    "bgColor": "",
    "fontColor": "",
    "hide": false,
    "style": "{}",
    "onCreated": null
  }
}

属性配置 (Props)

属性名	类型	默认值	说明
`size`	string	n	组件尺寸 (small/default/large)
`skin`	string	normal	暂无描述
`rounded`	boolean	false	暂无描述
`width`	string	100%	宽度
`disabled`	boolean	false	是否禁用
`icon`	string	-	图标名称
`btnIcon`	boolean	false	图标
`loading`	boolean	false	暂无描述
`iconSize`	string	32	图标
`fontSize`	string	32	暂无描述
`bgColor`	string	-	颜色值
`fontColor`	string	-	颜色值
`label`	string	按钮	标签文本/标题
`hide`	boolean	false	是否隐藏该组件
`style`	object	{}	自定义内联样式 CSS
`onCreated`	any	null	组件创建时触发的事件
`onMounted`	any	null	组件挂载后触发的事件
`onClick`	any	null	点击组件触发的事件

按钮 展示/交互

JSON 配置示例

属性配置 (Props)

按钮展示/交互