跑马灯

数智大屏支持跑马灯组件，可用于驾驶舱欢迎语或信息通告等场景。

效果案例

配置

基础属性

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

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

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

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

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

组件属性

文本样式

跑马灯文本的字体、字号、颜色、字体粗细、字间距。

动画

始终动画：关闭时，文本内容超出组件框区域时会跑马灯动画；打开时，无论文本内容是否超出均会动画。

定速播放

• 关闭时：配置动画时间，即跑完一轮动画的时长。
• 打开时：配置动画间隔，即每100px文本长度动画的时长。

前期停留：开始动画前停留的时间。
中间停留：两轮动画间停留的时间。

数据

组件数据格式

静态数据-JSON数据案例

[
    {
        "value": "乐享数据，创由个性。乐创者数智大屏，创造属于您的个性化大屏！"
    }
]

交互

无交互事件。