HarmonyOS开发商城商品详情页_开发测试

创始人

2024-11-14 18:05:20

0次

一：功能概述

二：代码实现

三：效果图

这一节，我们实现商品详情页的开发，具体流程就是在首页的商品列表点击商品跳转到商品详情页面，同时传递参数到该页面，通过参数调用商品详情接口在详情页展示商品的的详情信息。这里我们为了方便返回首页，在最顶部加入返回和回到首页按钮，这样快速返回首页或者上一个页面。下面我们具体看下代码实现。

1：主要功能组件：

webview: 实现商品详情html页面的显示；

router：获取页面跳转的传递的参数，以及页面的回退等。

Navigation:路由导航组件，实现页面的跳转管理。

1：头部返回和回到首页

build(){
// 头部部分
Row({ space: 5 }) {
Image('image/back.png')
.width(30)
.onClick(() => {
router.back()
})

Blank()

Image('image/home.png')
.width(30)
.onClick(() => {

WPK透视辅助！德州局脚本，w... WPK透视辅助！德州局脚本，wpk德州局透视（切实是有挂）1、超多福利：超高返利，海量正版游戏，wp...

微扑克透视辅助！pokemmo... 微扑克透视辅助！pokemmo辅助器手机版下载，hhpoker开挂教程（一贯是真的有挂）1、微扑克透...

WPK透视辅助！扑克之星辅助，... WPK透视辅助！扑克之星辅助，wepoker辅助是真的假的（真是真的有挂）wepoker辅助是真的假...

wpk透视辅助！hhpoker... wpk透视辅助！hhpoker是内部控制吗，wepoker破解工具（好像真的有挂）1、hhpoker...

微扑克透视辅助！hhpoker... 微扑克透视辅助！hhpoker德州透视，xpoker透视辅助（好像真的是有挂）1）hhpoker德州...

微扑克透视辅助！黑侠破解wep... 微扑克透视辅助！黑侠破解wepoker，wepoker辅助分析器（切实是有挂）1、首先打开wepok...

wpk透视辅助！aapoker... wpk透视辅助！aapoker怎么设置抽水，大菠萝手游辅助（总是真的有挂）运aapoker怎么设置抽...

wpk透视辅助！wepoker... wpk透视辅助！wepoker软件辅助程序，wepoker辅助器安装包定制（其实是有挂）小薇（辅助器...

微扑克透视辅助！aapoker... 微扑克透视辅助！aapoker怎么提高中牌率，hhpoker软件安装包（确实真的有挂）1、进入游戏-...

WPK透视辅助！wepoker... 您好，wepoker透视器免费这款游戏可以开挂的，确实是有挂的，需要了解加去威信【485275054...