图片组件
1. 简介
1.1 功能简介
图片组件是仪表板中常用的一种组件,主要用于展示图片内容。
1.2 使用场景
图片组件可以用来呈现设计图、产品图片、流程图、地图等。
通过图片的使用可以使仪表盘更直观、生动,更容易理解信息。
此外,图片组件还可以通过设置多个图片轮播显示,以满足不同的展示需求。
1.3 预期效果
下图为多图轮播的展示效果:
2. 设置步骤
2.1 添加组件
进入仪表盘设计界面后,从左侧工具栏的组件中找到「图片组件」,直接拖动至仪表盘中。如下图所示:
2.2 上传图片
点击图片组件的编辑按钮可上传需要的图片,一个图片组件最多可上传 10 张图片。如下图所示:
2.3 填充方式
图片支持的填充方式设置如下:
- 居中
- 居中填满
- 拉伸填满
不同的填充效果如下:
2.4 设置文案与超链接
图片还可以添加显示文案与超链接,成员在访问仪表盘并点击图片时,即可跳转到链接地址中:
添加后的效果如下:
2.5 自动轮播
当添加的图片超过 2 张时,可以开启「自动轮播」,并支持设置「轮播间隔」。如下图所示:
开启后,图片将将自动播放。如下图所示:
轮播的同时还支持手动切换图片:
2.6 调整组件大小
图片组件的大小支持任意调整。尺寸规格如下:
电脑端 | 移动端 |
默认:宽 20/60 行,高 15 格 | 默认:宽 6/6 行,高 4 格 |
最小:宽 2/60 行,高 2 格 | 最小:宽 3/6 行,高 1 格 |
最大:宽 60/60 行,高 60 格 | 最大:宽 6/6 行,高 10 格 |
2.7 效果演示
使用效果参见本文【1.3节】。
4. 注意事项
1)图片组件仅支持 jpg、jpeg、png 和 gif 格式,其他格式暂不支持。
2)单个图片组件的图片上传大小限制为 5 MB。
3)一个图片组件最多可上传 10 张图片。