枢搭云帮助中心

效果与作用

图片组件用于在自定义页面中展示图片内容，可以作为横幅、宣传图、流程说明图、产品展示图或大屏背景中的视觉模块。组件支持上传多张图片，图片数量足够时可以开启自动轮播，让页面在展示信息的同时保持动态效果。

图片组件也支持为单张图片配置说明文字和跳转链接。用户点击图片后，可以进入指定页面或外部内容，适合把公告、活动、产品资料等内容做成视觉入口。

配置项

图片内容中可以上传图片，支持 JPG、PNG、GIF 格式，最多可上传 10 张。填充方式用于控制图片在组件区域内的呈现效果：居中适合完整展示原图，居中填满适合铺满容器但可能裁剪边缘，拉伸填满会强制铺满容器但可能导致图片变形。填充颜色用于设置图片未覆盖区域或背景区域的颜色。

轮播设置中可以开启自动轮播。只有添加超过 2 张图片后，自动轮播才可开启；开启后可以设置轮播间隔，间隔范围为 2 到 60 秒。图片说明与链接通过图片上的编辑入口维护，可以填写显示文案和跳转链接，跳转链接需要包含协议头才能保证点击后正常打开。

应用场景

图片组件适合用于企业门户横幅、活动海报、产品展示、流程图说明、组织文化展示、操作指引入口等场景。在数据看板中，也可以用图片补充业务背景，例如区域地图、流程概览或重点公告。

注意事项

上传图片前应尽量控制文件大小，避免影响页面加载速度。用于横幅或大屏的图片建议提前按组件比例裁剪，减少居中填满时的关键内容裁切。拉伸填满虽然能覆盖整个区域，但可能破坏图片比例，通常只适合背景纹理类图片。

自动轮播不适合承载必须长时间阅读的文字图片，轮播间隔过短会影响用户阅读。配置跳转链接时，应确认目标地址可访问，并确保链接内容与图片说明一致。