【Vue Shop】搜索开发
2019年9月30日 19:57
编程技术
搜索开发
搜索页面可以分两个状态
准备搜索
当搜索条件为空进入显示此页面:
- 搜索框:包括搜索关键词提示,回车搜索
 - 搜索历史记录
 - 热门搜索关键词
 
搜索结果
- 搜索框显示本次搜索内容
 - 搜索筛选
 - 商品列表
 
涉及接口:
- 热门关键词接口
 - 关键词提示接口
 - 商品搜索接口:返回商品数据、分页数据、筛选项
 
技术相关:
- 搜索历史记录的保存与读取及删除
 - 搜索状态的切换,例如:点搜索结果进入搜索自动填入搜索词,取消显示回原有搜索词
 - 使用上拉刷新下拉加载更多