feat(Grid): add direction prop (#6256)

2020-05-11 15:47:55 +08:00
parent 67716c65e3
commit 45f3c9e759
7 changed files with 96 additions and 25 deletions
@@ -63,6 +63,16 @@ Vue.use(GridItem);
 </van-grid>
 ```

+### Horizontal
+
+```html
+<van-grid direction="horizontal" :column-num="2">
+  <van-grid-item icon="photo-o" text="文字" />
+  <van-grid-item icon="photo-o" text="文字" />
+  <van-grid-item icon="photo-o" text="文字" />
+</van-grid>
+```
+
 ### Route

 ```html
@@ -94,6 +104,7 @@ Vue.use(GridItem);
 | center | Whether to center content | _boolean_ | `true` |
 | square | Whether to be square shape | _boolean_ | `false` |
 | clickable | Whether to show click feedback when clicked | _boolean_ | `false` |
+| direction `v2.8.2` | Content arrangement direction, can be set to `horizontal` | _string_ | `vertical` |

 ### GridItem Props