前端Vue编写的点餐页面-TYX.外包案例-猿急送

前端Vue编写的点餐页面

生活消费 · 外卖案例ID: 224342

微信扫码，建群沟通

作者： TYX. - 2年经验- 网络空间安全研究院

案例介绍

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