Page tree

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已改变。

...

当前组件的名称, 没特殊要求,当前窗口唯一,字符串。

flex 布局下的垂直对齐方式

flex 布局下的垂直对齐方式

栅格间隔

 

开启组件数据缓存(前端)

前端是否缓存组件中的数据,待下次打开页面是自动填充缓存的数据。默认勾选。

开启UI界面缓存数据(后端)

后端(缓存服务器)是否缓存页面 uiMetaData 数据。默认不勾选。

窗口上下文

当前窗口打开时需要接收的上下文。点击加号,可以给当前窗口配置窗口上下文,可以配置多个窗口上下文,只需要配置上下文的主键即可,值不用配置。

窗口名称

当前窗口标题,一般用来显示在浏览器页签的标题或者弹框的默认标题。

top|middle|bottom

align="top"

此取值会让子元素 Col 在容器顶部对齐。

align="middle"

该取值会使子元素 Col 在容器垂直居中对齐。

align="bottom"

这个取值会让子元素 Col 在容器底部对齐。

栅格间隔

栅格间隔,可以写成像素值或支持响应式的对象写法来设置水平间隔 { xs: 8, sm: 16, md: 24}。或者使用数组形式同时设置 [水平间距, 垂直间距]

flex 布局下的水平排列方式

start|end|center|space_around|space_between

justify="start"

子元素 Col 会从容器的起始位置开始排列,也就是左对齐(在从左到右的布局中)。

justify="end"

子元素 Col 会排列在容器的末尾位置,即右对齐(在从左到右的布局中)。

justify="center"

子元素 Col 会在容器中水平居中排列。

justify="space-around"

子元素 Col 会在容器中均匀分布,每个元素两侧的间隔相等。

justify="space-between"

子元素 Col 会在容器中均匀分布,第一个元素靠容器起始位置,最后一个元素靠容器末尾位置,中间元素之间间隔相等。

布局模式

flex:Flex 布局是基于 24 栅格来定义每一个『盒子』的宽度,但不拘泥于栅格。