# 设置华为云Astro轻应用高级页面图片组件属性
图片是媒体组件的一种，用于直接展示需要呈现的图片数据。
图1设置图片组件属性   
![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001894300920.png "点击放大")
#### 基础
- 组件标题：设置组件的标题，用于在高级页面显示。
- 组件名称：设置组件的名称，名称是该组件在页面中的唯一标识。
 
#### 位置
- 距离左端：组件到页面左侧的距离，单位为px。
- 距离顶端：组件到页面顶部的距离，单位为px。
- 宽度：组件的宽度，单位为px。
- 高度：组件的高度，单位为px。
- 堆叠顺序：设置组件层叠显示顺序。组件的堆叠顺序默认都是"1"，数字越大，显示越靠前。当需要让组件置底时，可设置堆叠顺序为"0"。
- 自适应高度：组件的高度是否随宽度改变。
- 开启：勾选该按钮，下方可见页面适配功能。
- 页面适配：勾选页面适配下方的"开启"，表示组件开启自适应高度。该属性使页面其它位于其下方的组件，根据该组件的高度变化自动调整位置，一个页面只支持一个组件。
 
#### 边框
设置组件的边框样式，支持全边框和角边框两种。
- 全边框
  - 样式：设置组件边框的样式，如实线、点线、虚线和双实线。
  
  - 宽度：设置边框的宽度，单位px。
  
  - 颜色：设置组件边框的颜色。
  
  - 弧度：设置组件边框四个角的弧度，单位px。
   
- 角边框
  - 宽度：设置组件边框的宽度，单位px。
  
  - 长度：设置组件边框的长度，单位px。
  
  - 颜色：设置组件边框的颜色。
  
  - 弧度：设置组件边框四个角的弧度，单位px。
  
  - 边距：设置组件边框和图表之间的间距，单位px。
   
 
#### 背景
- 样式：设置背景的样式，如普通、居中、拉伸等。
- 图片链接：为轮播组件添加图片，当前仅支持添加JPG、JPEG、PNG和GIF格式的图片，且每张图片的大小不能超过50MB，尺寸建议使用800 x 800像素。
- 颜色：设置组件的背景颜色。
 
#### 自定义属性列表
显示组件的自定义属性。
#### 图片设置
在图片地址输入框中，直接输入图片地址，来展示图片。
#### 连接器设置
- 使用连接器：是否从连接器获取图片。
- 选择连接器类型：选择有存储功能的连接器，支持OBS、MINIO和对象存储代理。
- 选择连接器：选择具体的连接器实例。
- 选择桶：连接器的存储桶。
- 使用相对地址：使用图片的相对路径。
 
#### 链接
在链接地址中，输入图片跳转的目标地址。
#### 高级设置
在高级设置中，可设置图片填充类型。
图2高级设置   
![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001894140932.png)
图3图片设置页面   
![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001894140976.png "点击放大")
- 单击"选择图片"，在"我的图片"页签中，将鼠标放在目录上，单击![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001962321349.png)可新建目录，单击![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001935242062.png)可删除该目录。单击"上传图片"，可上传图片，支持上传JPG、JPEG、PNG和GIF格式的图片，每张图片不超过1MB，推荐图片尺寸为800x800像素。在"网络图片"页签中，可以通过输入图片的地址，来获取图片。
- 选择"填充"表示图片不保持原有比例，图片拉伸填满整个容器。
- 选择"包含"表示图片保持原有尺寸比例，可能会在容器内留有空白。
- 选择"覆盖"表示图片保持原有尺寸比例，宽高至少有一个和容器一致，可能会让图片部分区域不可见。
- 选择"无"表示图片保持原有尺寸比例，同时保持图片原始尺寸大小。