V1.0.0
Skip to content

WRow 组件 ​

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

基础用法 ​

Props API ​

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

path 支持说明 ​

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

详见 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"]
}