# oderfood

**Repository Path**: yangxinyun/oderfood

## Basic Information

- **Project Name**: oderfood
- **Description**: 网上订餐平台
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-05-13
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue

## README

# oderfood

#### 介绍
这是一个完整的vue移动端网上订餐项目，包含了商家的菜品分类展示、菜品详情显示、用户评论、商家详情信息、添加或删除菜品到购物车



#### 软件架构
- 项目用到了vue全家桶、better-scroll滚动插件；
- 用json文件模拟数据，用axios来做ajax请求；
- 购物车数据存储在vuex中，方便在购物车、商品列表、商品详情中都能够访问和修改到这个数据；
- 多次用到的功能都抽离成组件，便于复用，包括星级评分、添加/删除商品到购物车；
- better-scroll滚动插件实现页面的滚动功能，使界面体验感更好，但每次界面设备更换的时候需要刷新一下页面，比如测试时用浏览器从PC端更换到移动端模式。



#### 安装教程

- cnpm i / yarn
- npm run serve


#### 更新日志
- 将项目vue-cli从2.x升级到3.x
- 修复食物详情页无法遮挡cartcontrol组件的问题





#### 码云特技

1. 使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2. 码云官方博客 [blog.gitee.com](https://blog.gitee.com)
3. 你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解码云上的优秀开源项目
4. [GVP](https://gitee.com/gvp) 全称是码云最有价值开源项目，是码云综合评定出的优秀开源项目
5. 码云官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6. 码云封面人物是一档用来展示码云会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)