华为云首页用户手册

APPCUBE-图片

APPCUBE-图片

时间：2023-11-01 16:19:13

APPCUBE

图片

图片组件，在页面插入一张图片。

在设计页面左上方单击，从“媒体”中拖出图片组件至设计页面右侧空白处。在页面中，单击选中该组件，会在右侧显示该组件的属性配置面板。

图1 图片属性页面

点击放大

表1 图片属性说明
页签	区域	参数名	说明
属性	图片源设置	使用连接器	图片来源是否取自OBS连接器。勾选表示取自OBS连接器，当连接器中图片过多时，可能会导致读取图片缓慢；且打包该页面时，由于图片地址为绝对地址，打包安装后，图片地址不可用，需要重新上传图片并进行配置。不勾选表示图片来源取自平台接口。选择图片后实际存储的是图片id，页面随应用打包时会将图片一起打包，在新环境安装后无需重新上传配置。默认不勾选。
	连接器设置	选择连接器类型	有存储功能的连接器类型。支持OBS、MINIO和对象存储代理。展开“连接器设置”后才可显示该参数。
		选择连接器	具体的连接器实例。
		选择桶	该连接器的存储桶。展开“连接器设置”后才可显示该参数。
	链接	链接地址	图片的链接跳转URL。展开“链接”后才可显示该参数。
	图片URL地址	使用相对地址	使用图片的相对路径。展开“图片URL地址”后才可显示该参数。

连接器配置完成后您才可以进行图片的查询、上传等操作，连接器配置方法请参考如何调用后台接口。

选择图片组件，单击鼠标右键选择“高级设置”，可设置图片，出现如图2所示页面。

单击“选择图片”，如图3所示，在页面单击目录后的和可管理图片目录，单击“上传图片/视频”可进行上传操作。
选择“填充”表示图片不保证保持原有比例，图片拉伸填满整个容器。
选择“包含”表示图片保持原有尺寸比例，可能会在容器内留有空白。
选择“覆盖”表示图片表示原有尺寸比例，宽高至少有一个和容器一致，可能会让图片部分区域不可见。
选择“无”表示图片保持原有尺寸比例，同时保持图片原始尺寸大小。

图2 图片设置页面

点击放大

图3 “选择图片/视频”配置页面
点击放大

点击放大

父主题： 全局高级组件

上一篇：APPCUBE-矩形装饰

下一篇：APPCUBE-页面级常见操作:弹出消息对话框

APPCUBE-图片

意见反馈

0/200

提交成功！非常感谢您的反馈，我们会继续努力做到更好反馈提交失败！请稍后重试！

推荐文章

解决方案
相关专题