边框

边框组件支持自定义选择边框的类型，支持为数智大屏的某个模块添加自定义的边框，能够使数智大屏的展示更加美观。

效果案例

配置

基础属性

组件位置：包括组件的横坐标和纵坐标，单位为px；横坐标为组件左上角距离页面左边界的像素距离，纵坐标为组件左上角距离页面上边界的像素距离。

组件尺寸：包括组件的宽度和高度，单位为px；可单击比例锁锁定组件宽高比，等比例调整组件的宽高。再次单击进行解锁，解锁后宽高比不受限制。比例锁默认不锁定。

旋转：以组件的中心为中心点，进行旋转，单位为度（°）。手动输入角度值，控制组件的旋转角度；

• 单击图标，控制组件左右翻转样式；
• 单击图标，控制组件上下翻转样式。

透明：取值范围为0~100%。为0%时，组件隐藏；为100%时，组件完全显示。默认为100%。

组件属性

样式

该组件目前提供五种样式供用户挑选，用户可在其基础上更改配置。

样式一

• 折角颜色：边框一四个折角的颜色；
• 边框颜色：边框一的边框颜色；
• 背景颜色：边框一的背景颜色。

样式二

• 边框颜色：边框二的边框颜色；
• 背景颜色：边框二的背景颜色；
• 圆角：边框二的边框圆角。

样式三

• 边框颜色：边框三的边框颜色；
• 背景颜色：边框三的背景颜色；
• 分隔线颜色：边框三内部分隔线的颜色，用于分隔标题和内容；
• 图标颜色：边框三内部图标的颜色；
• 圆角：边框三的边框圆角。

样式四

• 标题背景：边框四标题部分的颜色配置；
• 内容背景：边框四内容部分的颜色配置。

样式五

• 标题背景：边框五标题部分的颜色；
• 折角颜色：边框五四个折角的颜色；
• 内容背景：边框五内容部分的颜色。

数据

该组件不需要配置数据。

交互

该组件没有交互事件。