上海专业建设网站软件培训班

layout 布局组件源码分享，主要从以下两个方面：

1、row 组件属性。

2、col 组件属性。

一、row 组件属性。

1.1 gutter 栅栏间隔，类型为 number，默认 0。

1.2 type 布局模式，可选 flex，现代浏览器下有效，类型为 string，无默认值。

1.3 justify flex 布局下的水平排列方式，类型为 string，可选值 start/end/center/space-around/space-between，默认 start。

1.4 align flex 布局下的垂直排列方式，类型为 string，可选值 top/middle/bottom，无默认值。

1.5 tag 自定义元素标签，类型为 string，默认 div。

二、col 组件属性。

2.1 span 栅格占据的列数，类型为 number，默认 24。

2.2 offset 栅格左侧的间隔格数，类型为 number，默认 0。

2.3 push 栅格向右移动格数，类型为 number，默认 0。

2.4 pull 栅格向左移动格数，类型为 number，默认 0。

2.5 xs <768px 响应式栅格数或者栅格属性对象，类型为 number/object (例如： {span: 4, offset: 4})，无默认值。

 

2.6 sm ≥768px 响应式栅格数或者栅格属性对象，类型为 number/object (例如： {span: 4, offset: 4})，无默认值。

2.7 md ≥992px 响应式栅格数或者栅格属性对象，类型为 number/object (例如： {span: 4, offset: 4})，无默认值。

2.8 lg ≥1200px 响应式栅格数或者栅格属性对象，类型为 number/object (例如： {span: 4, offset: 4})，无默认值。

2.9 xl ≥1920px 响应式栅格数或者栅格属性对象，类型为 number/object (例如： {span: 4, offset: 4})，无默认值。