首页及分类页开发

首页

本次只做一个简单的首页，共分为6部分：

1. 头部搜索框：不是真正的可输入的搜索框，作用是点击跳转到搜索功能页面
2. 轮播图：这里使用的是 mint-ui 中的轮播组件
3. 一级分类菜单栏
4. 新品
5. 热门
6. 精品

涉及到的 API 接口：

1. 商品统计接口：显示在搜索框中，显示商城有多少个商品正在出售
2. 轮播广告图接口
3. 分类接口
4. 商品首页推荐接口：包含新品、热门、精品的商品

技术相关

1. 商品统计在其他页面也需要，可以使用 store 进行缓存
2. 三个推荐商品部分样式一致，可以提取成为组件，传递标题、商品数据即可
3. 头部有一个登录状态的判断，未登录显示登录入口，登录显示消息入口

公共底部导航栏组件

分类页

本页面分三部分：

1. 头部搜索栏，同样是起点击跳转作用，样式与首页有区别，不需要做成组件
2. 左侧一级分类
3. 右侧为左侧选择的分类详情

右侧分为

1. 当前分类的banner
2. 当前分类的名称
3. 当前分类的商品推荐
4. 当前分类的所有子孙分类

涉及到的接口：

1. 分类接口
2. 商品统计接口
3. 分类详情接口：因为本接口允许通过拓展参数设置获取推荐商品及子分类，不需要单独接口获取推荐商品和子分类了

技术相关

1. 左边分类切换，可以考虑缓存当前选中
2. 可以缓存分类详情，

公共底部导航栏组件

转载请保留原文链接： https://zodream.cn/blog/id/67.html