Skip to content

Commit 72d85c1

Browse files
anthinkingcoderanthinkingcoder
committed
update webpck config
1 parent 5553acc commit 72d85c1

File tree

8 files changed

+143
-2146
lines changed

8 files changed

+143
-2146
lines changed

‎static/.gitkeep renamed to ‎build/util.js

File renamed without changes.

‎example/App.vue

Lines changed: 143 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,143 @@
1+
<template>
2+
<div id="app">
3+
<Row>
4+
<i-col :span="4" class="demo-col">span:4</i-col>
5+
<i-col :span="4" class="demo-col">span:4</i-col>
6+
<i-col :span="4" class="demo-col">span:4</i-col>
7+
<i-col :span="4" class="demo-col">span:4</i-col>
8+
<i-col :span="4" class="demo-col">span:4</i-col>
9+
<i-col :span="4" class="demo-col">span:4</i-col>
10+
</Row>
11+
12+
<br>
13+
14+
<Row :gutter="30">
15+
<i-col :span="8">
16+
<div class="demo-col">gutter:30</div>
17+
</i-col>
18+
<i-col :span="8">
19+
<div class="demo-col">gutter:30</div>
20+
</i-col>
21+
<i-col :span="8">
22+
<div class="demo-col">gutter:30</div>
23+
</i-col>
24+
</Row>
25+
<br>
26+
<Row>
27+
<i-col :span="4" :offset="4" class="demo-col">offset:4</i-col>
28+
<i-col :span="4" class="demo-col">span:4</i-col>
29+
</Row>
30+
<br>
31+
<Row>
32+
<i-col :span="4" class="demo-col">col</i-col>
33+
<i-col :span="8" :push="4" class="demo-col">push:4</i-col>
34+
</Row>
35+
<br>
36+
<Row>
37+
<i-col :xs="2" :sm="4" :md="6" :lg="8" class="demo-col">Response-Col</i-col>
38+
<i-col :xs="20" :sm="16" :md="12" :lg="8" class="demo-col">Response-Col</i-col>
39+
<i-col :xs="2" :sm="4" :md="6" :lg="8" class="demo-col">Response-Col</i-col>
40+
</Row>
41+
<br>
42+
<Row>
43+
<i-col :xs="{ span: 5, offset: 1 }" :lg="{ span: 6, offset: 2 }" class="demo-col">Response-Col</i-col>
44+
<i-col :xs="{ span: 11, offset: 1 }" :lg="{ span: 6, offset: 2 }" class="demo-col">Response-Col</i-col>
45+
<i-col :xs="{ span: 5, offset: 1 }" :lg="{ span: 6, offset: 2 }" class="demo-col">Response-Col</i-col>
46+
</Row>
47+
<br>
48+
<Row type="flex" justify="space-between">
49+
<i-col :span="4" class="demo-col">
50+
flex
51+
</i-col>
52+
<i-col :span="4" class="demo-col">
53+
flex
54+
</i-col>
55+
</Row>
56+
<br>
57+
<Row type="flex" justify="center" align="middle">
58+
<i-col :span="4" class="demo-col">
59+
flex
60+
</i-col>
61+
<i-col :span="4" class="demo-col demo-col-large">
62+
flex
63+
</i-col>
64+
</Row>
65+
<br>
66+
<Row type="flex" justify="center" align="top">
67+
<i-col :span="4" class="demo-col">
68+
flex
69+
</i-col>
70+
<i-col :span="4" class="demo-col demo-col-large">
71+
flex
72+
</i-col>
73+
</Row>
74+
<br>
75+
<Row type="flex" justify="center" align="bottom">
76+
<i-col :span="4" class="demo-col">
77+
flex
78+
</i-col>
79+
<i-col :span="4" class="demo-col demo-col-large">
80+
flex
81+
</i-col>
82+
</Row>
83+
<br>
84+
<Row type="flex">
85+
<i-col :span="4" class="demo-col" :order="2">
86+
order:2
87+
</i-col>
88+
<i-col :span="4" class="demo-col" :order="1">
89+
order:1
90+
</i-col>
91+
<i-col :span="4" class="demo-col" :order="4">
92+
order:4
93+
</i-col>
94+
<i-col :span="4" class="demo-col" :order="5">
95+
order:5
96+
</i-col>
97+
<i-col :span="4" class="demo-col" :order="3">
98+
order:3
99+
</i-col>
100+
</Row>
101+
<div class="example">
102+
103+
</div>
104+
<div w-188-246>
105+
106+
</div>
107+
<div w-187-246>
108+
109+
</div>
110+
111+
<div class="content">
112+
113+
</div>
114+
</div>
115+
</template>
116+
<script>
117+
export default {
118+
name: 'App'
119+
}
120+
</script>
121+
<style>
122+
.demo-col {
123+
height: 40px;
124+
line-height: 40px;
125+
}
126+
.demo-col-large {
127+
height: 80px;
128+
line-height: 80px;
129+
}
130+
.demo-col, .demo-col-large {
131+
text-align: center;
132+
}
133+
.demo-col:nth-child(odd) {
134+
background-color: aqua;
135+
}
136+
.demo-col:nth-child(even) {
137+
background-color: aquamarine;
138+
}
139+
* {
140+
margin: 0;
141+
padding: 0;
142+
}
143+
</style>

‎src/example/App.vue

Lines changed: 0 additions & 143 deletions
This file was deleted.

0 commit comments

Comments
 (0)