时钟

数智大屏支持时钟组件，主要满足大屏显示当前时间实时的需求场景，常见用于项目角落进行时间展示。

效果案例

配置

基础属性

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

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

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

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

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

组件属性

对齐方式

时钟组件相对于位置框的对齐方式。

居左：

居中：

居右：

间距

时钟组件图标与时钟数据之间的间隔，图标禁用时该配置不生效。

图标

可选择性地开启，配置其样式。

样式：可自定义选择时钟图标的样式；

垂直偏移：时钟的图标相对于中心位置的偏移；

大小：时钟图标的大小尺寸；

颜色：时钟图标的颜色。

时钟

格式化：表示将当前日期/时间格式转换为自定义的日期/时间格式；

• 日期：可选择性地显示日期，其格式可精确至年月日；

• 时间：可选择性地显示时间，其格式可精确至时分秒；

间隔时间：时钟每次更新中间间隔的时间；

文本样式：时钟的字体、字号、颜色、粗细和字间距的配置。

数据

该组件不需要配置数据。

交互

该组件没有交互事件。