更新时间: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像素。在“网络图片”页签中,可以通过输入图片的地址,来获取图片。
    • 选中图片,单击,可删除图片。
    • 单击,可编辑图片跳转链接。

相关文档