历史版本22 :绝对画布块 返回文档
编辑时间:
内容长度:图片数:目录数:
修改原因:
1. 概述编辑
2. 属性编辑
绝对画布块属性界面如下图所示:
组件名称:默认为 absolute+数字后缀,依次累加,可自定义修改,但不支持为空或重复。
坐标·尺寸:body 为绝对布局时,支持拖拽或输入数值修改组件位置大小;body 为自适应布局时,仅支持修改组件大小。
注:移动端属性详情参见文档 [App]移动端支持绝对画布块 。
3. 使用场景编辑
绝对画布块一般和其他组件嵌套或并行使用,例如:
1)body 自适应布局使用
body 自适应布局下,添加一个绝对画布块,效果等同于 body 绝对布局,同时可以和其他组件存在于自适应布局。如下图所示:
2)嵌套使用
绝对画布块中再添加绝对画布块、图表块、Tab块等组件。
在 Tab 块中添加绝对画布块。由于 Tab 页面是自适应布局,添加绝对画布块后,可实现绝对布局效果。
4. 操作方法编辑
绝对画布块只有处于编辑状态时,才能成功拖入组件,或粘贴组件。且拖入(或粘贴)的组件尺寸大小需小于绝对画布块的尺寸大小,否则无法拖入或粘贴。
1)双击绝对画布块,或者选中绝对画布块后点击右上角编辑按钮,可进入编辑状态。进入编辑状态后再向绝对画布块中拖入其他组件。
拖入组件时,需保证被拖入组件大小尺寸小于绝对画布块,且需将组件完全拖入到绝对画布块中,才能成功放入组件。
若组件已存在于 body 中,只能复制粘贴到绝对画布块,无法直接拖入。
[helpvideo]3213[/helpvideo]
2)被拖入或粘贴的组件尺寸必须小于绝对画布块的尺寸,否则会提示 无法添加到该区域 或 组件大小超出边界,无法粘贴 。
如需报表块铺满绝对画布块,请确保报表块的宽度=绝对画布的宽度+二分之一的body的组件间隔+body的左边距。高度同理。
[helpvideo]3214[/helpvideo]