HungrySell

就是你用的那个饿了么！

、

一篇关于这个项目的博客

项目收获与感悟

webApp功能板块

• 店铺
  • 店铺详情：展示店铺的评价星数，店铺公告以及店铺活动信息。
  • 购物车：购物车的基本功能附加一个添加购物车的动画。
  • 购物清单： 将购物车中的商品用清单的形式呈现出来。
• 商品
  • 商品分类：将商品分类展示。
  • 商品展示：展示商品的具体详情。
• 评论
  • 商家的评论信息：展示食客对商家服务态度送货速度，以及综合评价。
• 商家
  • 商家详情：展示商家实景照片，商家公告，活动与公告信息

先上几张自己的成果图

首页展示（商品页）	商品详情

商家页	商家详情

评论页	购物车页

实现

• 组件化模块化开发
• Vue-cli脚手架
• mock数据，前后端分离开发
• 使用简单的es6语法
• 尝试注入eslint
• Vue-router
• Vue-resource
• flex弹性布局，开发移动端页面

安装方法

npm install npm run dev

remark

by lihaonan 项目来自滴滴黄轶老师的vue实战项目，本菜鸟努力做到完全吃透消化。