文档首页 > > 用户指南> 开发前端UI层> 开发高级页面> 预置Widget说明> 图片

图片

分享
更新时间:2020/07/10 GMT+08:00

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

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

图1 图片属性页面
表1 图片属性说明

页签

区域

参数名

说明

属性

图片上传参数设置

选择连接器类型

有存储功能的连接器类型。支持OBS、MINIO和对象存储代理。

单击“图片上传参数设置”后的才可显示该参数。

选择连接器

具体的连接器实例。

选择桶

该连接器的存储桶。

单击“图片上传参数设置”后的才可显示该参数。

链接

链接地址

图片的链接跳转URL。

单击“链接”后的才可显示该参数。

图片URL地址

使用相对地址

使用图片的相对路径。

单击“图片URL地址”后的才可显示该参数。

连接器配置完成后您才可以进行图片的查询、上传等操作,连接器配置方法请参考配置连接器

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

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

    相关文档

    相关产品

文档是否有解决您的问题?

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

*必选

请至少选择或填写一项反馈信息

字符长度不能超过200

提交反馈 取消

如您有其它疑问,您也可以通过华为云社区问答频道来与我们联系探讨

智能客服提问云社区提问