# 设置华为云Astro轻应用高级页面轮播组件属性 轮播是媒体组件的一种，用于循环播放多张图片，可实现多图片的切换和对应事件。 图1设置轮播组件属性 ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001945540405.png "点击放大") #### 基础 - 组件标题：设置组件的标题，用于在高级页面显示。 - 组件名称：设置组件的名称，名称是该组件在页面中的唯一标识。 #### 位置 - 距离左端：组件到页面左侧的距离，单位为px。 - 距离顶端：组件到页面顶部的距离，单位为px。 - 宽度：组件的宽度，单位为px。 - 高度：组件的高度，单位为px。 - 堆叠顺序：设置组件层叠显示顺序。组件的堆叠顺序默认都是"1"，数字越大，显示越靠前。当需要让组件置底时，可设置堆叠顺序为"0"。 - 自适应高度：组件的高度是否随宽度改变。 - 开启：勾选该按钮，下方可见页面适配功能。 - 页面适配：勾选页面适配下方的"开启"，表示组件开启自适应高度。该属性使页面其它位于其下方的组件，根据该组件的高度变化自动调整位置，一个页面只支持一个组件。 #### 边框 设置组件的边框样式，支持全边框和角边框两种。 - 全边框 - 样式：设置组件边框的样式，如实线、点线、虚线和双实线。 - 宽度：设置边框的宽度，单位px。 - 颜色：设置组件边框的颜色。 - 弧度：设置组件边框四个角的弧度，单位px。 - 角边框 - 宽度：设置组件边框的宽度，单位px。 - 长度：设置组件边框的长度，单位px。 - 颜色：设置组件边框的颜色。 - 弧度：设置组件边框四个角的弧度，单位px。 - 边距：设置组件边框和图表之间的间距，单位px。 #### 背景 - 样式：设置背景的样式，如普通、居中、拉伸等。 - 图片链接：为轮播组件添加图片，当前仅支持添加JPG、JPEG、PNG和GIF格式的图片，且每张图片的大小不能超过50MB，尺寸建议使用800 x 800像素。 - 颜色：设置组件的背景颜色。 #### 自定义属性列表 显示组件的自定义属性。 #### 图片源设置 图片来源是否取自OBS连接器。 - 勾选使用连接器，表示取自OBS连接器。当连接器中图片过多时，可能会导致读取图片缓慢，且打包该页面时，由于图片地址为绝对地址，打包安装后，图片地址不可用，需要重新上传图片并进行配置。 - 不勾选使用连接器，表示图片来源取自平台接口。选择图片后实际存储的是图片id，页面随应用打包时会将图片一起打包，在新环境安装后无需重新上传配置。 #### 连接器设置 - 选择连接器：选择有存储功能的OBS类型连接器。OBS连接器配置完成后，才可以进行图片的查询、上传等操作，连接器的配置方法请参见[对接OBS云对象存储实例](https://support.huaweicloud.com/usermanual-astrozero/astrozero_05_9217.html)。 - 选择桶：连接器的存储桶。 #### 高级设置 在高级设置中，可设置轮播时长、切换方式等。 图2高级设置 ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001894141216.png) - 轮播设置 - 切换方向：广告图片的轮播切换样式，支持横向滚动切换、右下角滚动切换和纵向滚动切换。 - 加载自动播放：是否自动轮播。开启后，支持设置图片轮播时间间隔（不大于24秒）。 - 切换方式：设置图片切换时，展示的样式，如淡出、推出等。 - 定位标志：设置分页图标样式。 - 图片管理：对图片进行管理，并支持为图片配置跳转链接。 - 单击"添加"，在"我的图片"页签中，将鼠标放在目录上，单击![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001935071234.png)可新建目录，单击![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001962310181.png)可删除该目录。单击"上传图片"，可上传图片，支持上传JPG、JPEG、PNG和GIF格式的图片，每张图片不超过1MB，推荐图片尺寸为800x800像素。在"网络图片"页签中，可以通过输入图片的地址，来获取图片。 - 选中图片，单击![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001962311869.png)，可删除图片。 - 单击![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001936100805.png)，可编辑图片跳转链接。 #### 相关文档 高级页面中的轮播组件主要用于多个图片的自动循环切换。您也可以为图片添加超链接，即单击图片，跳转到指定的网站，具体操作请参见[在华为云Astro轻应用高级页面中使用轮播组件实现图片展示和URL跳转](https://support.huaweicloud.com/bestpractice-astrozero/astrozero_bestpractice_0016.html)。