概述
「区块」作为布局类组件,一方面的作用是帮助开发者实现更好的页面布局效果,另一方面是可以实现灵活的显隐效果。
适用场景
- 实现更灵活的布局
在图表搭建时,有时候需要指定看板中不同图表之间的布局关系,比如下图实现了一行分别为 1、2、3、4 个图表时的效果:
250px|700px|reset
- 支持显隐设置
在搭建页面时,有时候希望不同的模块有不同的浏览权限,比如针对不同身份的用户开放不同的入口,就是显隐设置典型的应用场景,通过区块组件可以对放置在其中的其他组件实现显隐设置。
属性的配置
- 交互
- 事件动作配置步骤说明,点击查看:页面事件与动作说明
- 支持加载中
250px|700px|reset
- 外观,主要通过前端 Flex 实现页面布局,支持以下能力:
- 布局方向
- 网格间距
- 主轴对齐,指与布局方向同方向的对齐方式
- 当布局方向为水平时,指水平方向的对齐
- 当布局方向为垂直时,指垂直方向的对齐
- 交叉轴对齐,指与布局方向垂直方向的对齐方式
- 当布局方向为水平时,指垂直方向的对齐
- 当布局方向为垂直时,指水平方向的对齐
- 宽度
- 高度
- 位置类型
- 外边距
- 内边距
- 隐藏,控制区块和区块内组件在页面中的显示与隐藏
- 样式设置细节说明,点击查看:页面布局与样式设计
可查看视频,对比效果:
250px|700px|reset
暴露的状态
暴露的方法