Skip to content

Commit 4eda770

Browse files
author
anthinkingcoder
committed
no message
1 parent a12af50 commit 4eda770

File tree

1 file changed

+29
-0
lines changed

1 file changed

+29
-0
lines changed

‎README.md

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,4 +2,33 @@
22

33
> a simple grid layout
44
5+
<Row class="demo">
6+
<Col :span="4" class="demo-col">col</Col>
7+
<Col :span="4" class="demo-col">col</Col>
8+
<Col :span="4" class="demo-col">col</Col>
9+
<Col :span="4" class="demo-col">col</Col>
10+
<Col :span="4" class="demo-col">col</Col>
11+
<Col :span="4" class="demo-col">col</Col>
12+
</Row>
13+
14+
<Row class="demo">
15+
<Col :span="4" :offset="4" class="demo-col">col</Col>
16+
<Col :span="4" class="demo-col">col</Col>
17+
</Row>
18+
<Row class="demo">
19+
<Col :span="4" class="demo-col">col</Col>
20+
<Col :span="8" :offset="4" :push="4" class="demo-col">col</Col>
21+
</Row>
22+
23+
<Row class="demo">
24+
<Col :xs="2" :sm="4" :md="6" :lg="8" class="demo-col">Col</Col>
25+
<Col :xs="20" :sm="16" :md="12" :lg="8" class="demo-col">Col</Col>
26+
<Col :xs="2" :sm="4" :md="6" :lg="8" class="demo-col">Col</Col>
27+
</Row>
28+
29+
<Row>
30+
<Col :xs="{ span: 5, offset: 1 }" :lg="{ span: 6, offset: 2 }" class="demo-col">Col</Col>
31+
<Col :xs="{ span: 11, offset: 1 }" :lg="{ span: 6, offset: 2 }" class="demo-col">Col</Col>
32+
<Col :xs="{ span: 5, offset: 1 }" :lg="{ span: 6, offset: 2 }" class="demo-col">Col</Col>
33+
</Row>
534
![布局](./static/9DD32C21-D15F-4E50-8359-C3F27E4370E3.png)

0 commit comments

Comments
 (0)