布局组件-容器、大屏
概述
布局组件包括容器和大屏。容器可以用来盛放各个组件。大屏是容器的组合模板,包含多个容器,当前有6种模板样式可以选择。
该组件在编辑器中的位置如下图所示:
添加方式
点击容器/大屏,便会在编辑器面板中显示。
属性配置
先以一个容器的属性配置为例。
可以通过拖拽的方式改变容器的宽高。
壁纸:有四种预设的壁纸样式可以选择。
容器:可选择锁定比例。
背景图片:可自定义背景图片。将已上传素材库中的图片拖拽到此处。
背景颜色:容器的背景颜色。支持渐变,点击(
)改变渐变方向。
- 在颜色调色板中选择颜色和透明度。
- 手动输入RGB、HSL、Hex数值,改变颜色。
边框:可以设置容器的边框颜色。
- 在颜色调色板中选择颜色和透明度。
- 手动输入RGB、HSL、Hex数值,改变颜色。
可设置组件的边框类型,包括实线、虚线、无边框。
手动输入数值或点击(
)按键,改变边框粗细。
背景阴影:勾选显示组件的背景阴影,取消勾选则无阴影。
阴影:设置阴影的颜色。
- 在颜色调色板中选择颜色和透明度。
- 手动输入RGB、HSL、Hex数值,改变颜色。
添加滚动条
是否显示:可选择滚动条显示或隐藏。
高度:滚动条的高度,拉拽或输入数值或点击(
)可改变其高度。
数据源连接
此组件不需要配置数据。