diff --git a/docs/examples-docs/layout.md b/docs/examples-docs/layout.md
index f9a7af23a..2ea760199 100644
--- a/docs/examples-docs/layout.md
+++ b/docs/examples-docs/layout.md
@@ -12,11 +12,19 @@
.gray {
height: 30px;
+ line-height: 30px;
+ font-size: 12px;
background: #666;
+ color: #fff;
+ text-align: center;
}
.white {
height: 30px;
+ line-height: 30px;
+ font-size: 12px;
background: #fff;
+ color: #333;
+ text-align: center;
}
@@ -30,18 +38,26 @@ Layout组件提供了`24列栅格`,通过在`zan-col`上添加`span`属性设
```html
-
+ span: 8
-
+ span: 8
-
+ span: 8
+
+
+
+
+ span: 4
+
+
+ offset: 4, span: 10
-
+ offset: 12, span: 12
```
@@ -54,14 +70,27 @@ Layout组件提供了`24列栅格`,通过在`zan-col`上添加`span`属性设
```html
-
+ span: 8
-
+ span: 8
-
+ span: 8
```
:::
+
+### API
+
+#### Row
+| 参数 | 说明 | 类型 | 默认值 | 可选值 |
+|-----------|-----------|-----------|-------------|-------------|
+| gutter | 列元素之间的间距(单位为px) | `String | Number` | - | |
+
+#### Column
+| 参数 | 说明 | 类型 | 默认值 | 可选值 |
+|-----------|-----------|-----------|-------------|-------------|
+| span | 列元素宽度 | `String | Number` | - | |
+| offset | 列元素偏移宽度 | `String | Number` | - | |