布局组件-容器、大屏

概述

布局组件包括容器和大屏。容器可以用来盛放各个组件。大屏是容器的组合模板,包含多个容器,当前有6种模板样式可以选择。
该组件在编辑器中的位置如下图所示:
Application

添加方式

点击容器/大屏,便会在编辑器面板中显示。
Application

属性配置

先以一个容器的属性配置为例。
可以通过拖拽的方式改变容器的宽高。
Application
壁纸:有四种预设的壁纸样式可以选择。
Application
容器:可选择锁定比例。
Application
背景图片:可自定义背景图片。将已上传素材库中的图片拖拽到此处。
Application
背景颜色:容器的背景颜色。支持渐变,点击( Application )改变渐变方向。

  • 在颜色调色板中选择颜色和透明度。
  • 手动输入RGB、HSL、Hex数值,改变颜色。

Application
边框:可以设置容器的边框颜色。

  • 在颜色调色板中选择颜色和透明度。
  • 手动输入RGB、HSL、Hex数值,改变颜色。

Application
可设置组件的边框类型,包括实线、虚线、无边框。
手动输入数值或点击( Application )按键,改变边框粗细。
Application
背景阴影:勾选显示组件的背景阴影,取消勾选则无阴影。
Application
阴影:设置阴影的颜色。

  • 在颜色调色板中选择颜色和透明度。
  • 手动输入RGB、HSL、Hex数值,改变颜色。

Application
添加滚动条
是否显示:可选择滚动条显示或隐藏。
Application
高度:滚动条的高度,拉拽或输入数值或点击( Application )可改变其高度。
Application

数据源连接

此组件不需要配置数据。