Form FormItem的水平、垂直间距控制

 

flex组件的属性很多，不会每一个组件的每一个属性都去研究一遍，在项目中对表单的布局有比较严格的要求，需要组件尽量紧凑，排列的时候使用到了以下几个重点属性

①Form

1.verticalGap:2;控制同一个Form中两个FormItem之间的垂直距离

 

②FormItem

 

1.direction="vertical|horizontal" 控制子项排布为垂直或水平

2.

verticalGap：垂直方向上各子项间的像素数目。默认值取决于组件类；

如果未覆盖类的默认值，则默认值为 6。

 

3.

horizontalGap：水平方向上各子项间的像素数目。默认值取决于组件类；

如果未覆盖类的默认值，则默认值为 8。

4.这个属性找得最辛苦，其控制FormItem的lable和子组件之间的间距

indicatorGap：表单项的标签和子组件之间的像素数目。 默认值为 14.