Skip to content

lihaonanGY/hungrySell

Repository files navigation

HungrySell


就是你用的那个饿了么!

一篇关于这个项目的博客

项目收获与感悟

webApp功能板块

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

先上几张自己的成果图

首页展示(商品页) 商品详情
首页 商品详情
商家页 商家详情
商家页 商家详情
评论页 购物车页
评论页 购物车页

实现

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

安装方法

npm install
npm run dev

remark

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

About

用vue编写的模仿饿了吗外卖应用

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published