HarmonyOS实现购物车列表

目录

一：功能概述

二：代码实现

三：效果图

一：功能概述

上一节，我们实现了商品添加购物车，这一节我们实现购物车列表，可以展示购物车的数据，进行下单结算。

1：主要组件

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

Refresh：刷新组件，实现页面数据刷新。

二：代码实现

1：购物车列表数据请求

async getCartGoods()
{
let res:ApiResponse = await axios({
url: `https://127.0.0.1/goodsList?`
})
this.newArray.push(...res.data.data)
}

aboutToAppear() {
this.getCartGoods()
}

2：购物车列表数据渲染

Scroll(this.scroller) {
Flex({ direction: FlexDirection.Column }) {
List({ space: 10 }) {
ForEach(this.newArray, (item: goods, index: num