单元格展示/交互

组件 ID: cell

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

JSON 配置示例

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

{
  "type": "cell",
  "props": {
    "label": "",
    "title": "标题",
    "hide": false,
    "remark": "",
    "style": "{}",
    "icon": "stack-line",
    "avatarRound": "8",
    "color": "#FFFFFF",
    "darkColor": "",
    "iconColor": "",
    "titleColor": "#000000",
    "darkTitleColor": "#FFFFFF",
    "titleSize": "32",
    "iconSize": "42",
    "labelColor": "#bfbfbf",
    "labelSize": "24"
  }
}

属性配置 (Props)

属性名	类型	默认值	说明
`hide`	boolean	false	是否隐藏该组件
`remark`	string	-	组件备注/说明
`style`	object	{}	自定义内联样式 CSS
`icon`	string	stack-line	图标名称
`avatarRound`	string	8	暂无描述
`color`	string	#FFFFFF	组件主色调
`darkColor`	string	-	颜色值
`iconColor`	string	-	颜色值
`title`	string	标题	暂无描述
`titleColor`	string	#000000	颜色值
`darkTitleColor`	string	#FFFFFF	颜色值
`titleSize`	string	32	暂无描述
`iconSize`	string	42	图标
`label`	string	-	标签文本/标题
`labelColor`	string	#bfbfbf	颜色值
`labelSize`	string	24	暂无描述
`desc`	string	-	暂无描述
`showBottomBorder`	boolean	true	暂无描述
`bottomBorderInsert`	boolean	false	暂无描述
`bottomBorderColor`	string	-	颜色值
`link`	boolean	true	暂无描述
`url`	string	-	暂无描述
`openType`	string	navigate	暂无描述
`card`	boolean	true	暂无描述
`round`	string	-	暂无描述
`leftSize`	string	60	暂无描述
`minHeight`	string	88	暂无描述
`lrPadding`	string	32	暂无描述
`linkIcon`	string	arrow-right-s-line	图标
`tbPadding`	string	32	暂无描述
`rightWidth`	string	200	暂无描述
`onCreated`	any	null	组件创建时触发的事件
`onMounted`	any	null	组件挂载后触发的事件
`onHandle`	any	null	事件回调
`onClick`	any	null	点击组件触发的事件

单元格 展示/交互

JSON 配置示例

属性配置 (Props)

单元格展示/交互