UNPKG
kui-vue
Version:
latest (3.6.5)
3.6.5
3.6.4
3.6.3
3.6.2
3.6.1
3.6.0
3.5.2
3.5.0
3.4.9
3.4.8
3.4.7
3.4.6
3.4.5
3.4.4
3.4.4-a
3.4.3
3.4.2
3.4.1
3.4.0
3.3.12
3.3.11
3.3.10
3.3.9
3.3.8
3.3.7
3.3.7-rc1
3.3.7-a
3.3.6
3.3.6-d
3.3.6-c
3.3.6-b
3.3.6-a
3.3.5
3.3.5-d
3.3.5-c
3.3.5-b
3.3.5-a
3.3.3
3.3.2
3.3.2-rc1
3.3.1
3.3.0
3.3.0-rc2
3.3.0-rc1
3.2.11
3.2.11-rc6
3.2.11-rc5
3.2.11-rc4
3.2.11-rc3
3.2.11-rc2
3.2.11-rc1
3.2.10
3.2.10-rc2
3.2.10-rc1
3.2.9
3.2.9-rc1
3.2.8
3.2.8-rc4
3.2.8-rc3
3.2.8-rc2
3.2.8-rc1
3.2.7
3.2.6
3.2.6-rc1
3.2.6-rc
3.2.5
3.2.4
3.2.3
3.2.3-rc3
3.2.3-rc1
3.2.2
3.2.2-rc5
3.2.2-rc4
3.2.2-rc3
3.2.2-rc2
3.2.2-rc1
3.2.1
3.2.1-rc1
3.2.0
3.1.5
3.1.5-rc8
3.1.5-rc7
3.1.5-rc6
3.1.5-rc5
3.1.5-rc4
3.1.5-rc3
3.1.5-rc2
3.1.5-rc1
3.1.4
3.1.3
3.1.3-rc1
3.1.2
3.1.2-rc1
3.1.1
3.1.0
3.0.9
3.0.8
3.0.7
3.0.7-rc1
3.0.6
3.0.5-rc2
3.0.5-rc1
3.0.4
3.0.4-rc1
3.0.3
3.0.2
3.0.1
3.0.0
2.3.5
2.3.4
2.3.3
2.3.2
2.3.1
2.3.0
2.2.9
2.2.8
2.2.7
2.2.6
2.2.5
2.2.4
2.2.3
2.2.2
2.2.1
2.1.12
2.1.11
2.1.10
2.1.9
2.1.8
2.1.7
2.1.6
2.1.5
2.1.4
2.1.3
2.1.2
2.1.1
2.1.0
2.0.9
2.0.8
2.0.7
2.0.6
2.0.5
2.0.4
2.0.3
2.0.2
2.0.1
2.0.0
1.9.9
1.9.8
1.9.7
1.9.6
1.9.5
1.9.4
1.9.3
1.9.2
1.9.1
1.9.0
1.8.9
1.8.8
1.8.7
1.8.6
1.8.5
1.8.4
1.8.3
1.8.2
1.8.1
1.8.0
1.7.9
1.7.8
1.7.7
1.7.6
1.7.5
1.7.4
1.7.3
1.7.2
1.7.1
1.7.0
1.6.9
1.6.8
1.6.7
1.6.6
1.6.5
1.6.4
1.6.3
1.6.2
1.6.0
A lightweight desktop UI component library suitable for Vue.js 2.
kui-vue
/
components
/
grid
/
demo
/
info.md
15 lines
(10 loc)
•
520 B
Markdown
View Raw
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
# Grid 栅格
采用了24栅格系统，将区域进行24等分，这样可以轻松应对大部分布局问题 两个概念，行
`row`
和列
`col`
，具体使用方法如下：
-
使用
`row`
在水平方向创建一行
-
将一组
`col`
插入在
`row`
中
-
在每个
`col`
中，键入自己的内容
-
通过设置
`col`
的
`span`
参数，指定跨越的范围，其范围是1到24
-
每个
`row`
中的
`col`
总和应该为24
> 注意：非 template/render 模式下，需使用 k-col。
## 代码演示