Skip to content

RowFlex 弹性布局行

提供基于 Flex 布局的 Row,包含标签和内容两列。

<mapgis-ui-row-flex></mapgis-ui-row-flex>

基本用法

API

属性

参数说明类型默认值版本
type布局类型horizontal|verticalhorizontal
align垂直对齐方式,只对水平布局有效top|middle|bottommiddle
justify水平排列方式,只对水平布局有效,并且只有关闭栅格 span 才有效start|end|center|space-between|space-aroundstart
gutter栅格间隔,只对水平布局有效(px)array|number0
span文本和内容栅格占位格数,传入 [undefined, undefined]表示关闭栅格array[5, 19]
colon是否显示冒号,只对水平布局有效booleantrue
title标题,同 labelstring
label标签文本string
labelWidth标题宽度,如果激活了该宽度,则 type = 'vertical'时无效number
labelAlign标题对齐方向left|center|rightleft
contentAlign内容对齐方向left|center|rightleft