华为云ASTRO轻应用-在华为云Astro轻应用高级页面中使用轮播组件实现图片展示和URL跳转:功能实现方法
时间:2025-03-03 11:34:58
功能实现方法
- 创建一个低代码应用。
- 参考授权用户使用华为云Astro轻应用并购买实例中操作,申请华为云Astro轻应用免费试用或购买商业实例。
- 实例购买后,在华为云Astro轻应用服务控制台的“主页”中,单击“进入首页”,进入应用开发页面。
- 在“应用”中,单击“新建低代码应用”或单击
,进入新建低代码应用页面。
- 在新建低代码应用页面,应用类型选择“标准应用”,单击“确定”。
- 输入应用的标签和名称,单击“新建”,即可进入应用设计器。
图2 创建一个空白应用
- 在应用设计器中,选择“界面”,单击高级页面后的“+”,新建一个高级页面。
- 单击
,拖拽轮播组件到右侧画布中。
图3 拖入轮播组件 - 在轮播组件上,单击右键选择“高级设置”。
- 单击“轮播设置”,根据个人实际需求,设置轮播方向、图片播放时间间隔等。
图4 选择轮播设置图5 轮播设置
- 新增轮播图片并设置URL跳转。
- 再次选中轮播组件,单击右键选择“高级设置”,选择“图片管理”。
图6 选择图片管理
- 单击“添加”,选中所需的图片,单击“保存”。
- 选中已添加的图片,在右侧图片设置中,单击链接后的
。
- 设置跳转的URL地址,单击“确定”。
图7 设置链接
- 再次选中轮播组件,单击右键选择“高级设置”,选择“图片管理”。
- 单击“确定”,返回高级页面。
- 单击
,保存高级页面,保存成功后单击
,发布高级页面。
- 发布成功后,单击
,预览效果。
support.huaweicloud.com/bestpractice-astrozero/astrozero_bestpractice_0016.html