Row 是水平方向布局容器,是 Box 组件的快捷方式,direction 固定为 "row"。
它用于在水平方向排列子组件,并支持弹性布局、间距、对齐、边框和背景等样式配置。
Template 示例:
<Row gap="12px" align="center"> <Icon name="user" /> <Text value="用户名" /></Row>
效果展示如下:
所有属性与 Box 盒子 组件相同,但 direction 固定为 "row"。
属性名 | 类型 | 描述 | 默认值 |
children |
| 子组件列表 | - |
align |
| 交叉轴对齐方式 | - |
justify |
| 主轴对齐方式 | - |
wrap |
| 换行方式 |
|
flex |
| Flex 值 | - |
gap |
| 子元素间距 | - |
padding |
| 内边距 | - |
border |
| 边框配置 | - |
background |
| 背景颜色 | - |
属性名 | 类型 | 描述 | 默认值 |
height |
| 高度 | - |
width |
| 宽度 | - |
size |
| 同时设置宽高 | - |
minHeight |
| 最小高度 | - |
minWidth |
| 最小宽度 | - |
minSize |
| 最小尺寸 | - |
maxHeight |
| 最大高度 | - |
maxWidth |
| 最大宽度 | - |
maxSize |
| 最大尺寸 | - |
aspectRatio |
| 宽高比 | - |
radius |
| 圆角 | - |
margin |
| 外边距 | - |
详细的类型定义请参见 Box 盒子。