页面布局

组件 ID: homepage

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

JSON 配置示例

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

{
  "type": "homepage",
  "props": {
    "remark": "",
    "hide": false,
    "onCreated": null,
    "onMounted": null,
    "bodyHeight": "",
    "background": "",
    "paddingX": 0,
    "paddingY": 0,
    "rowGap": 0,
    "navbarPlaceholder": false,
    "tabbarPlaceholder": false,
    "height": null,
    "showNavbar": true,
    "navTitle": "页面",
    "isFluidHeight": false,
    "navBgColor": "#0e63ff"
  }
}

属性配置 (Props)

属性名	类型	默认值	说明
`remark`	string	-	组件备注/说明
`hide`	boolean	false	是否隐藏该组件
`onCreated`	any	null	组件创建时触发的事件
`onMounted`	any	null	组件挂载后触发的事件
`bodyHeight`	string	-	暂无描述
`background`	string	-	暂无描述
`paddingX`	number	0	暂无描述
`paddingY`	number	0	暂无描述
`rowGap`	number	0	暂无描述
`navbarPlaceholder`	boolean	false	暂无描述
`tabbarPlaceholder`	boolean	false	暂无描述
`height`	any	null	高度
`showNavbar`	boolean	true	暂无描述
`navTitle`	string	页面	暂无描述
`isFluidHeight`	boolean	false	暂无描述
`navBgColor`	string	#0e63ff	颜色值
`navDarkBgColor`	string	#000000	颜色值
`navActiveBgColor`	string	#0e63ff	颜色值
`navTitleColor`	string	#ffffff	颜色值
`navTitleActiveColor`	string	#ffff00	颜色值
`navTitleFontSize`	string	34	暂无描述
`navBackColor`	string	#ffffff	颜色值
`navZIndex`	number	90	暂无描述
`navLinearGradient`	object	[]	暂无描述
`navLinearActiveGradient`	object	[]	暂无描述
`navStaticTransparent`	boolean	false	暂无描述
`navRightIcon`	string	-	图标
`navRightIconColor`	string	#ffffff	颜色值
`onNavRightIconClick`	any	null	图标
`params`	object	{}	暂无描述
`style`	object	{}	自定义内联样式 CSS

页面 布局

JSON 配置示例

属性配置 (Props)

页面布局