栅格 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 |