AdornFlex 弹性布局
弹性布局。
何时使用
- 适合设置元素之间的间距。
- 适合设置各种水平、垂直对齐方式。
基本使用
最简单的用法。
对齐方式
设置对齐方式。
设置间隙
使用gap设置元素之间的间距，预设了small、middle、large三种尺寸，也可以自定义间距。
自动换行
自动换行。
组合使用
嵌套使用，可以实现更复杂的布局。
Props 属性
| 属性 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| vertical | flex 主轴的方向是否垂直，使用flex-direction: column | boolean | false | |
| wrap | 设置元素单行显示还是多行显示 | nowrap | wrap | wrap-reverse | no-wrap | |
| justify | 设置元素在主轴方向上的对齐方式 | start | end | center | space-around | space-between | space-evenly | start | |
| align | 设置元素在交叉轴方向上的对齐方式 | flex-start | center | flex-end | stretch | normal | normal | |
| flex | flex CSS 简写属性 | 参考flex | - | |
| gap | 设置网格之间的间隙 | small | middle | large | string | - | |
| tag | 自定义元素类型 | string | div |
Slots 插槽
| 插槽名 | 说明 |
|---|---|
| default | 自定义默认内容 |