WRow 组件
行布局容器组件,基于 WinDesignNext WRow 封装,用于水平排列子组件。
基础用法
Props API
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
id | string | - | 组件唯一标识(必填) |
component | string | WRow | 组件类型(必填) |
gutter | number | 0 | 栅格间隔 |
justify | string | start | 水平排列方式 |
tag | string | div | 自定义元素标签 |
children | string[] | - | 子组件 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"]
}