栅格 Grid
流体风格的布局容器。
Attributes
| 属性 | 描述 | 类型 | 推荐值 | 默认 |
|---|---|---|---|---|
| container | 容器属性 | boolean | - | false |
| spacing | 子组件间距 | number | - | 0 |
| justifyContent | css 属性"justify-content" | string | justify-content | flex-start |
| alignItems | css 属性"align-items" | string | align-items | stretch |
| alignContent | css 属性"align-content" | string | align-content | stretch |
| direction | css 属性"flex-direction" | string | flex-direction | row |
| wrap | css 属性"flex-wrap" | string | flex-wrap | wrap |
| xs | 栅格宽度,影响 xs 断点与更宽的屏幕 | number / boolean | 0-24,true,false | false |
| sm | 栅格宽度,影响 sm 断点与更宽的屏幕 | number / boolean | 0-24,true,false | false |
| md | 栅格宽度,影响 md 断点与更宽的屏幕 | number / boolean | 0-24,true,false | false |
| lg | 栅格宽度,影响 lg 断点与更宽的屏幕 | number / boolean | 0-24,true,false | false |
| xl | 栅格宽度,影响 xl 断点与更宽的屏幕 | number / boolean | 0-24,true,false | false |