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)