1 | ## Layout 栅格布局
|
2 |
|
3 | 通过基础的 12 分栏,迅速简便地创建布局。
|
4 |
|
5 | ## 代码演示
|
6 |
|
7 | ### API
|
8 |
|
9 | ### Con组件
|
10 |
|
11 | |参数|说明|类型|默认值|
|
12 | |:--|:----|:---|:----|
|
13 | |componentClass|组件根元素|element/ReactElement|div|
|
14 | |fluid|是否为非定宽|boolean|false|
|
15 |
|
16 | ### Row组件
|
17 |
|
18 | |参数|说明|类型|默认值|
|
19 | |:--|:----|:---|:----|
|
20 | |componentClass|组件根元素|element/ReactElement|div|
|
21 |
|
22 | ### Col组件
|
23 |
|
24 | |参数|说明|类型|默认值|
|
25 | |:--|:----|:---|:----|
|
26 | |xs|移动设备显示列数(<768px)|number|-|
|
27 | |sm|小屏幕桌面设备显示列数(≥768px)|number|-|
|
28 | |md|中等屏幕设备显示列数(≥992px)|number|-|
|
29 | |lg|大屏幕设备显示列数(≥1200px)|number|-|
|
30 | |xsPull|移动屏幕设备到右边距列数|number|-|
|
31 | |smPull|小屏幕设备到右边距列数|number|-|
|
32 | |mdPull|中等屏幕设备到右边距列数|number|-|
|
33 | |lgPull|大屏幕设备到右边距列数|number|-|
|
34 | |xsPush|移动屏幕设备到左边距列数|number|-|
|
35 | |smPush|小屏幕设备到左边距列数|number|-|
|
36 | |mdPush|中等屏幕设备到左边距列数|number|-|
|
37 | |lgPush|大屏幕设备到左边距列数|number|-|
|
38 | |xsOffset|移动设备偏移列数|number|-|
|
39 | |smOffset|小屏幕设备偏移列数|number|-|
|
40 | |mdOffset|中等屏幕设备偏移列数|number|-|
|
41 | |lgOffset|大屏幕设备偏移列数|number|-|
|
42 | |componentClass|组件根元素|element/ReactElement|div|
|
43 |
|
44 | 以上列数设置,只能设置1-12的数字。
|
45 |
|
\ | No newline at end of file |