此项目涉及到了部分的功能性页面,其中包括了注册、登录、商品展示、购物车、下单等等,可以构成一个基本完整的下单流程。项目中涉及到的技术栈为vue2 + vuex + vue-router + webpack + ES6/7 + fetch + sass + flex + svg。具体功能如下所示:
1. 首页功能
商家列表展示:显示推荐的商家以及他们的评分、起送费、配送时间等信息。
搜索功能:支持用户根据关键词搜索商家。
2. 商品展示
商品分类:商家详情页中将商品按照类别进行分类展示。
商品详情:点击商品后可查看商品详情。
3. 购物车功能
商品加减:用户可以在购物车中添加或移除商品,并实时更新购物车价格。
价格计算:实现了实时计算购物车商品总价、配送费等逻辑。
4. 用户登录
用户登录、注册功能:支持手机号登录、密码登录等多种登录方式。
5. 地址管理
定位与地址选择:使用高德地图 API 实现用户定位与地址选择。