Skip to content

Commit

Permalink
feat(layout): 新增layout布局套件
Browse files Browse the repository at this point in the history
  • Loading branch information
@LesixCoder
LesixCoder committed Mar 19, 2020
1 parent 72df6a3 commit bcd273d
Showing 1 changed file with 23 additions and 0 deletions.
23 changes: 23 additions & 0 deletions examples/docs/layout.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -241,3 +241,26 @@
</x-row>
```
:::

## Row Attributes

| 参数 | 说明 | 类型 | 可选值 | 默认值 |
| ------- | ------------------------------------- | ------ | --------------------------------------------------- | ------ |
| gutter | 栅格间隔 | number | — | 0 |
| type | 布局模式，可选 flex，现代浏览器下有效 | string | — | — |
| justify | flex 布局下的水平排列方式 | string | start / end / center / space-around / space-between | start |
| align | flex 布局下的垂直排列方式 | string | top / middle / bottom | top |
| tag | 自定义元素标签 | string | * | div |

## Col Attributes
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
| ------ | ------------------------------------- | ------------------------------------------- | ------ | ------ |
| span | 栅格占据的列数 | number | — | — |
| offset | 栅格左侧的间隔格数 | number | — | 0 |
| push | 栅格向右移动格数 | number | — | 0 |
| pull | 栅格向左移动格数 | number | — | 0 |
| xs | `<768px` 响应式栅格数或者栅格属性对象 | number/object (例如： {span: 4, offset: 4}) | — | — |
| sm | `≥768px` 响应式栅格数或者栅格属性对象 | number/object (例如： {span: 4, offset: 4}) | — | — |
| md | `≥992` 响应式栅格数或者栅格属性对象 | number/object (例如： {span: 4, offset: 4}) | — | — |
| lg | `≥1200` 响应式栅格数或者栅格属性对象 | number/object (例如： {span: 4, offset: 4}) | — | — |
| tag | 自定义元素标签 | string | * | div |

0 comments on commit bcd273d

Please sign in to comment.