图片组件支持自定义图片和图片的URL地址,能够为数智大屏移动端添加图片,让移动端的界面内容更丰富。

效果案例

配置

组件属性

全局

URL输入:通过输入图片地址展示图片。
图片选择器:从系统目录进行图片选择,支持上传本地图片。


填充方式:不同填充方式将图片展示在格子内。

圆角:图片的圆角大小。
透明度:通过百分比和滑块进行图片展示透明度设置。
旋转:通过XYZ轴进行图片的旋转,支持滑块和度数调整。

数据

组件数据格式

字段 说明
img 选填,字符型,图片地址,优先使用数据中的图片配置。

数据格式说明

静态数据-JSON数据案例

[
    {
        "img": ""
    }
]

交互

支持配置鼠标点击事件
当鼠标点击时,触发交互事件:设置大屏变量、打开超链接、设置可见、设置JS事件、设置面板状态。

作者:wa222  创建时间:2026-03-18 16:25
最后编辑:曾伟峰  更新时间:2026-03-19 17:16