[HarmonyOS Next示例代码] 鸿蒙UI开发 - H5界面跳转

鸿蒙UI开发 - H5界面跳转 源码下载地址 

介绍

本示例基于ArkUI框架和Web实现了H5页面和ArkTS原生界面之间的相互跳转。

效果预览

商品列表	商品详情	订单确认

使用说明

1. 启动应用，查看商品列表。

2. 点击某个商品，查看商品详情。

3. 在商品详情页点击底部返回按钮或者首页按钮返回到商品列表，此时点击底部前进按钮进入商品详情。

4. 在商品详情页点击立即购买按钮，查看订单确认页面。

工程目录

├──entry/src/main/ets                           // 代码区
│  ├──common
│  │  ├──constants   
│  │  │  └──CommonConstants.ets                 // 常量
│  │  └──utils   
│  │     └──Logger.ets                          // 日志打印  
│  ├──entryability
│  │  └──EntryAbility.ets
│  ├──model
│  │  └──ProductModel.ets                       // 产品模型
│  └──pages
│     ├──IndexPage.ets                          // 首页页面
│     └──OrderConfirmPage.ets                   // 订单确认页面
└──entry/src/main/resources                     // 资源文件夹

相关权限

不涉及。

依赖

不涉及。