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)wpk俱乐部... 透视系统(wpK)wpk俱乐部(透视)详细辅助力荐教程(切实是真的有挂)；1、wpk俱乐部ai机器人...

透视有挂！德扑ai助手，（德扑... 透视有挂！德扑ai助手，（德扑之星）好像真的是有挂（详细辅助2025新版）1、实时德扑ai助手开挂更...

透视苹果版(AaPOKER)a... 透视苹果版(AaPOKER)aapoker透明挂(透视)原来有挂(详细辅助透明挂教程)1、进入游戏-...

透视ai代打(WPk)wpk透... 透视ai代打(WPk)wpk透视辅助(透视)详细辅助黑科技教程(果然存在有挂)；1、wpk透视辅助系...

透视总结(aapoKER)aa... 透视总结(aapoKER)aapoker外挂(透视)竟然是真的有挂(详细辅助可靠教程)aapoker...

透视美元局！智星德州菠萝辅助器... 透视美元局！智星德州菠萝辅助器，（德州app）都是真的有挂（详细辅助分享教程）；1、全新机制【智星德...

透视透视(wpK)微扑克全自动... 透视透视(wpK)微扑克全自动机器人(透视)详细辅助切实教程(其实存在有挂)1、玩家可以在微扑克全自...

透视计算(aa poker)a... 透视计算(aa poker)aapoker猫腻(透视)都是是真的有挂(详细辅助安装教程)；1、金币登...

透视存在！德扑ai智能机器人，... 透视存在！德扑ai智能机器人，（德扑）果然真的是有挂（详细辅助wepoke教程）1、许多玩家不知道德...

透视黑科技(微扑克)微扑克全自... 透视黑科技(微扑克)微扑克全自动机器人(透视)详细辅助曝光教程(切实是真的有挂)1、用户打开应用后不...