https://github.com/facebesidewyj/takeaway_demo

:fire:A demo based on Vue.js, just for learning.
https://github.com/facebesidewyj/takeaway_demo

html-css vue

Last synced: about 2 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/facebesidewyj/takeaway_demo
• Owner: facebesidewyj
• Created: 2017-10-17T14:49:58.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2018-07-03T02:52:31.000Z (about 6 years ago)
• Last Synced: 2024-05-07T21:02:06.762Z (5 months ago)
• Topics: html-css, vue
• Language: Vue
• Homepage:
• Size: 4.24 MB
• Stars: 54
• Watchers: 2
• Forks: 18
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 仿饿了么外卖平台

后端转前端，入坑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. 活动图标组件

## 项目截图