前端实战项目：Vue.js实现外卖平台webapp,饿了么项目的翻版

JavaScript08

前端实战项目：Vue.js实现外卖平台webapp,饿了么项目的翻版,第1张

链接：https://github.com/ljianshu/mt-app

适合没有经验的朋友。

集点菜、用户评价和商家信息为一体的移动端点餐APP

1. 点餐页面

点选商品后自动添加到购物车，并计算好总价，在商品列表、购物车列表和商品详情页都可以随意增减数目，此外左侧商品分类和右侧的商品相互关联，通过better-scroll插件滑动商品列表时，相应的商品分类也会跟着跳转。

2. 用户评价页面

主要包括一个TAB栏，包括三部分：全部、有图和评价三个模块

3. 商家信息页面

主要介绍一些商家基本信息，可以通过better-scroll插件，进行左右滑动图片。

效果预览 ：

再说一篇，是饿了么的翻版。

方法步骤如下

1.扫描点餐的二维码，选择桌号是第几桌。

2.选择人数，桌位是几个人，然后开始点菜，可以放大镜搜索，也可以去各自分类下去找你想要的点的菜。饮料问一下大家要凉的还是常温的。

3.下完单，核对一下，少了再加菜，多了点减号去掉，然后提交出订单。

4.付钱也可以扫桌面上的二维码。然后餐馆总台就会打印出菜单，拿一个桌号对应的吸铁石，贴在门框上，出一道菜，菜单划一下，等菜都出完了，把菜单取下来，挂钉子上。