baixiaomei / mt-app

移动端美团项目 better-scroll

mt-vue

项目动态图

注意：如果gif动态图看不了或者不完整，麻烦大家点击项目中mt-app/src/assets/美团.gif便可以观看！

项目涉及到技术栈：

• vue全家桶：Vue、Vue-router、Vue-cli等
• 组件化：单Vue文件
• 模块化：ES6 Module
• 第三方模块：better-scroll axios等
• 基础开发环境和包管理：Node、npm
• 构建工具：webpack
• 编辑器：webstrom

项目功能

一言而蔽之：一款集点菜、用户评价和商家信息为一体的移动端点餐APP

1. 点餐页面 点选商品后自动添加到购物车，并计算好总价，在商品列表、购物车列表和商品详情页都可以随意增减数目，此外左侧商品分类和右侧的商品相互关联，通过better-scroll插件滑动商品列表时，相应的商品分类也会跟着跳转。
2. 用户评价页面 主要包括一个TAB栏，包括三部分：全部、有图和评价三个模块
3. 商家信息页面 主要介绍一些商家基本信息，可以通过better-scroll插件，进行左右滑动图片

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8081
npm run dev

# build for production with minification
npm run build