RowFlex 弹性布局行
提供基于 Flex 布局的 Row,包含标签和内容两列。
<mapgis-ui-row-flex></mapgis-ui-row-flex>
基本用法
API
属性
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| type | 布局类型 | horizontal|vertical | horizontal | |
| align | 垂直对齐方式,只对水平布局有效 | top|middle|bottom | middle | |
| justify | 水平排列方式,只对水平布局有效,并且只有关闭栅格 span 才有效 | start|end|center|space-between|space-around | start | |
| gutter | 栅格间隔,只对水平布局有效(px) | array|number | 0 | |
| span | 文本和内容栅格占位格数,传入 [undefined, undefined]表示关闭栅格 | array | [5, 19] | |
| colon | 是否显示冒号,只对水平布局有效 | boolean | true | |
| title | 标题,同 label | string | ||
| label | 标签文本 | string | ||
| labelWidth | 标题宽度,如果激活了该宽度,则 type = 'vertical'时无效 | number | ||
| labelAlign | 标题对齐方向 | left|center|right | left | |
| contentAlign | 内容对齐方向 | left|center|right | left |
