文档首页/ Astro轻应用 AstroZero/ 最佳实践/ 高级页面专项/ 在AstroZero高级页面中使用轮播组件实现图片展示和URL跳转
更新时间:2024-07-19 GMT+08:00
分享

在AstroZero高级页面中使用轮播组件实现图片展示和URL跳转

期望实现效果

高级页面中的轮播组件主要用于多个图片的自动循环切换。您也可以为图片添加超链接,即单击图片,跳转到指定的网站。

图1 最终实现效果

功能实现方法

  1. 在应用设计器中,选择“界面”,单击高级页面后的“+”,新建一个高级页面。
  2. 单击,拖拽轮播组件到右侧画布中。

    图2 拖入轮播组件

  3. 在轮播组件上,单击右键选择“高级设置”
  4. 单击“轮播设置”,根据个人实际需求,设置轮播方向、图片播放时间间隔等。

    图3 选择轮播设置
    图4 轮播设置

  5. 新增轮播图片并设置URL跳转。

    1. 再次选中轮播组件,单击右键选择“高级设置”,选择“图片管理”
      图5 选择图片管理
    2. 单击“添加”,选中所需的图片,单击“保存”
    3. 选中已添加的图片,在右侧图片设置中,单击链接后的
    4. 设置跳转的URL地址,单击“确定”
      图6 设置链接

  6. 单击“确定”,返回高级页面。
  7. 单击,保存高级页面,保存成功后单击,发布高级页面。
  8. 发布成功后,单击,预览效果。

相关文档