HarmonyOS实现首页商品搜索

目录

一：功能概述

二：代码实现

三：效果图

---

一：功能概述

上一节我们已经实现了首页的搜索框，但是点击搜索是没反应的。现在我们来实现下搜索功能，实现逻辑就是在搜索框输入关键字，点击搜索跳转到新页面，把参数带入新页面调用接口，获取商品信息来展示，同时在顶部加入返回按钮。

二：代码实现

1：搜索框

      Search({ value: this.searchValue, placeholder: '请输入搜索的商品',})
          .searchButton('搜索')
          .width(300)
          .height(30)
          .backgroundColor('#F5F5F5')
          .placeholderColor(Color.Grey)
          .placeholderFont({ size: 14, weight: 400 })
          .textFont({ size: 14, weight: 400 })
          .onSubmit((v