更新时间:2024-07-19 GMT+08:00
在AstroZero高级页面中使用轮播组件实现图片展示和URL跳转
期望实现效果
高级页面中的轮播组件主要用于多个图片的自动循环切换。您也可以为图片添加超链接,即单击图片,跳转到指定的网站。
图1 最终实现效果
功能实现方法
- 在应用设计器中,选择“界面”,单击高级页面后的“+”,新建一个高级页面。
- 单击,拖拽轮播组件到右侧画布中。
图2 拖入轮播组件
- 在轮播组件上,单击右键选择“高级设置”。
- 单击“轮播设置”,根据个人实际需求,设置轮播方向、图片播放时间间隔等。
图3 选择轮播设置
图4 轮播设置
- 新增轮播图片并设置URL跳转。
- 再次选中轮播组件,单击右键选择“高级设置”,选择“图片管理”。
图5 选择图片管理
- 单击“添加”,选中所需的图片,单击“保存”。
- 选中已添加的图片,在右侧图片设置中,单击链接后的。
- 设置跳转的URL地址,单击“确定”。
图6 设置链接
- 再次选中轮播组件,单击右键选择“高级设置”,选择“图片管理”。
- 单击“确定”,返回高级页面。
- 单击,保存高级页面,保存成功后单击,发布高级页面。
- 发布成功后,单击,预览效果。
父主题: 高级页面专项