/takeaway_demo

:fire:A demo based on Vue.js, just for learning.

Primary LanguageVue

仿饿了么外卖平台

后端转前端,入坑Vue,使用Vue2.0开发了一个高仿饿了么的商家模块来练手,现在把这个Demo开源出来,希望入坑前端的同学可以一起学习,一起进步。

有问题可以在Issues里提,大家一起讨论。

项目安装步骤

  1. git clone 到本地
  2. npm install 安装依赖
  3. npm run dev 启动本地服务
  4. npm run build 项目打包

用到的技术栈

  1. Vue相关:Vue2.0、vue-cli、vue-router。
  2. 构建工具:Webpack。
  3. 代码风格规范工具:ESLint。
  4. JavaScript语法标准:ECMAScript 2015。
  5. CSS预处理:Stylus。
  6. 移动端滚动插件:better-scroll。
  7. 数据获取:axios。

实现的组件

  1. 商家列表header组件
  2. 商家商品列表组件
  3. 评价star组件
  4. 可伸缩使用flex布局的直线组件
  5. 购物车组件
  6. 购物车添加组件
  7. 商品详情组件
  8. 分隔块组件
  9. 评论选择组件
  10. 商家组件
  11. 活动图标组件

项目截图