HarmonyOS开发商城首页实现二

目录

一：功能简介

二：代码实现

三：效果图

---

一：功能简介

上一节我们实现了首页的搜索和轮播图，这一节我们来显示商品列表，和商品跳转的部分逻辑。这里我们会使用axios请求接口数据，构造商品数组来接收数据，在页面循环渲染商品信息。

1：功能组件

List：用来显示列表的组件

ForEach：循环展示列表内容

ListItem：展示列表某一行数据

router：路由组件，实现页面跳转

axios: 实现接口请求

二：代码实现

1：商品数据获取

定义商品字段：

export class goods {
  goods_id: string = "";
  name:string = "";
  image: string = "";
  sales_num: string = "";
  sell_price: string = "";