V1.0.0
Skip to content

WRow 组件

行布局容器组件,基于 WinDesignNext WRow 封装,用于水平排列子组件。

基础用法

Props API

属性名类型默认值说明
idstring-组件唯一标识(必填)
componentstringWRow组件类型(必填)
gutternumber0栅格间隔
justifystringstart水平排列方式
tagstringdiv自定义元素标签
childrenstring[]-子组件 ID 列表

path 支持说明

该组件属性均为静态配置,不支持 path 绑定。动态变更请使用 updateDataModelupdateProp

详见 path 数据绑定速查

使用示例

基础用法

json
{
  "id": "row_001",
  "component": "WRow",
  "gutter": 20,
  "justify": "center",
  "children": ["col_001", "col_002", "col_003"]
}

配合 WCol 使用

json
{
  "id": "row_main",
  "component": "WRow",
  "gutter": 24,
  "justify": "spaceBetween",
  "children": ["col_left", "col_center", "col_right"]
}