组件 / 栅格布局

栅格布局 布局

组件 ID: grid

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

JSON 配置示例

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

{
  "type": "grid",
  "props": {
    "column": 3,
    "justify": "flex-start",
    "align": "flex-start",
    "wrap": true,
    "gutter": 0,
    "remark": "",
    "hide": false,
    "style": "{}",
    "onCreated": null,
    "onMounted": null,
    "onClick": null
  }
}

属性配置 (Props)

属性名 类型 默认值 说明
column number 3 暂无描述
justify string flex-start 水平排列方式
align string flex-start 垂直排列方式
wrap boolean true 暂无描述
gutter number 0 栅格间隔
remark string - 组件备注/说明
hide boolean false 是否隐藏该组件
style object {} 自定义内联样式 CSS
onCreated any null 组件创建时触发的事件
onMounted any null 组件挂载后触发的事件
onClick any null 点击组件触发的事件