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(() => {

9分钟黑科技!微扑克挂几个号(... 9分钟黑科技!微扑克挂几个号(透明黑科技)外挂透明挂辅助器(2020已更新)(哔哩哔哩)1、首先打开...

六分钟了解(xpoker)本来... 六分钟了解(xpoker)本来真的有挂(透视辅助)外挂透明挂辅助黑科技(2022已更新)(哔哩哔哩)...

四分钟解密！wepoke真的有... 四分钟解密！wepoke真的有挂，（AAPOKer）其实真的有挂，详细教程（有挂APP）-百度知乎；...

八分钟体悟!wpk俱乐部可以盈... 八分钟体悟!wpk俱乐部可以盈利(wepoke计算辅助)其实真的有挂(2022已更新)(哔哩哔哩)1...

9分钟黑科技!微扑克线上代打工... 9分钟黑科技!微扑克线上代打工具(辅助挂)外挂透明挂辅助神器(2023已更新)(哔哩哔哩)1、微扑克...

今日科普(扑克之城)一贯真的有... 今日科普(扑克之城)一贯真的有挂(黑科技)外挂透明挂辅助器(2025已更新)(哔哩哔哩)1、完成扑克...

1分钟细节！德州微扑克辅助，（... 1分钟细节！德州微扑克辅助，（手机德州）果然真的有挂，必备教程（有挂软件）-今日头条1.德州微扑克辅...

1分钟指导!wopoker辅助... 1分钟指导!wopoker辅助v3.0(德扑之星作弊)都是真的有挂(2020已更新)(哔哩哔哩)1分...

三分钟黑科技!微扑克中牌率(透... 三分钟黑科技!微扑克中牌率(透视辅助)外挂透明挂辅助神器(2021已更新)(哔哩哔哩)；微扑克中牌率...

玩家必备攻略(wpK)果然真的... 玩家必备攻略(wpK)果然真的有挂(辅助挂)外挂透明挂辅助软件(2023已更新)(哔哩哔哩)；1、w...