折叠面板项布局

组件 ID: collapseItem

这是一个标准的 SunForm 布局组件，支持可视化配置与低代码生成。

JSON 配置示例

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

{
  "type": "collapseItem",
  "props": {
    "title": "标题",
    "remark": "",
    "hide": false,
    "style": "{}",
    "name": "",
    "showBottomLine": true,
    "disabled": false,
    "titleFontSize": "30",
    "titleColor": "#333333",
    "darkTitleColor": "",
    "activeColor": "",
    "color": "white",
    "darkColor": "",
    "leftIcon": "",
    "titleHeight": "100",
    "titleLines": 1
  }
}

属性配置 (Props)

属性名	类型	默认值	说明
`remark`	string	-	组件备注/说明
`hide`	boolean	false	是否隐藏该组件
`style`	object	{}	自定义内联样式 CSS
`name`	string	-	暂无描述
`showBottomLine`	boolean	true	暂无描述
`disabled`	boolean	false	是否禁用
`titleFontSize`	string	30	暂无描述
`titleColor`	string	#333333	颜色值
`darkTitleColor`	string	-	颜色值
`activeColor`	string	-	颜色值
`color`	string	white	组件主色调
`darkColor`	string	-	颜色值
`leftIcon`	string	-	图标
`title`	string	标题	暂无描述
`titleHeight`	string	100	暂无描述
`titleLines`	number	1	暂无描述
`bottomColor`	string	#f5f5f5	颜色值
`onCreated`	any	null	组件创建时触发的事件
`onMounted`	any	null	组件挂载后触发的事件
`onClick`	any	null	点击组件触发的事件

折叠面板项 布局

JSON 配置示例

属性配置 (Props)

折叠面板项布局