文档首页/
Astro轻应用 AstroZero/
用户指南(低代码)/
使用AstroZero开发应用前端/
高级页面/
设置AstroZero高级页面预置组件属性/
设置AstroZero高级页面轮播组件属性
更新时间:2024-09-18 GMT+08:00
设置AstroZero高级页面轮播组件属性
轮播是媒体组件的一种,用于循环播放多张图片,可实现多图片的切换和对应事件。
图1 设置轮播组件属性
基础
- 组件标题:设置组件的标题,用于在高级页面显示。
- 组件名称:设置组件的名称,名称是该组件在页面中的唯一标识。
位置
- 距离左端:组件到页面左侧的距离,单位为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云对象存储实例。
- 选择桶:连接器的存储桶。
高级设置
在高级设置中,可设置轮播时长、切换方式等。
图2 高级设置
- 轮播设置
- 切换方向:广告图片的轮播切换样式,支持横向滚动切换、右下角滚动切换和纵向滚动切换。
- 加载自动播放:是否自动轮播。开启后,支持设置图片轮播时间间隔(不大于24秒)。
- 切换方式:设置图片切换时,展示的样式,如淡出、推出等。
- 定位标志:设置分页图标样式。
- 图片管理:对图片进行管理,并支持为图片配置跳转链接。
- 单击“添加”,在“我的图片”页签中,将鼠标放在目录上,单击可新建目录,单击可删除该目录。单击“上传图片”,可上传图片,支持上传JPG、JPEG、PNG和GIF格式的图片,每张图片不超过1MB,推荐图片尺寸为800x800像素。在“网络图片”页签中,可以通过输入图片的地址,来获取图片。
- 选中图片,单击,可删除图片。
- 单击,可编辑图片跳转链接。