# 夏日粥品 2.0

**Repository Path**: keepyang/overwrite

## Basic Information

- **Project Name**: 夏日粥品 2.0
- **Description**: 优化后的vue2.0版本代码
- **Primary Language**: JavaScript
- **License**: MulanPSL-2.0
- **Default Branch**: develop
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2021-12-04
- **Last Updated**: 2025-05-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 个人项目, Vue, Vant

## README

### 项目:`夏日粥品 2.0`

<img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fdingyue.ws.126.net%2F2020%2F0501%2F590f6910j00q9m63g0017d200hs00csg00hs00cs.jpg&refer=http%3A%2F%2Fdingyue.ws.126.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1629033528&t=f4548bc347873381faec19679bd4c0fe" width="365"/>

###### APP下载

<img src="./夏日粥品.png"/>


#### 项目启动时间:2021/12/04

##### 技术栈

vue2 + vuex + vue-router + vant-UI + ES6/7  + scss

##### 项目运行


```
git clone https://gitee.com/keepyang/overwrite.git  

npm install

npm i --legacy-peer-deps
```

##### 编译环境
```
npm run serve

访问 http://localhost:8080
```

##### 项目描述

> 夏日粥品是一款美食类的 app,主打是粥类产品,里面有粥品的介绍、做法、养生食材、兼购买于一体的美食 app

##### 主要模块

- [x] 首页模块 `Home.vue` -- 完成
- [x] 广告页面 `Index.vue` -- 完成
- [x] 客服聊天 `CustomerService.vue` -- 完成
- [x] 分类模块 `Sort.vue` -- 完成
- [x] 商品详情 `SortDetail.vue` -- 完成
- [x] 购物车   `MyCart.vue` -- 完成
- [x] 菜谱模块 `Menu.vue` -- 完成
- [x] 菜谱详情 `MenuDetail.vue` -- 完成
- [x] 收藏夹   `Favorites.vue` -- 完成
- [x] 新闻模块 `Journalism` -- 完成
- [x] 新闻详情 `NewsDetail.vue` -- 完成
- [x] 个人钱包 `Wallet.vue` -- 完成
- [x] 登录模块 `Login.vue` -- 完成
- [x] 注册模块 `Register.vue` -- 完成
- [x] 个人中心 `Me.vue` -- 完成
- 组件
- [x] 搜索组件 `HeaderSearch.vue` -- 完成
- [x] 底部导航 `FootTabbar.vue` -- 完成
- [x] 加载动画 `Loading.vue` -- 完成
- [x] 下单功能 -- 完成 ✨✨🎉🎉

##### 项目布局

```
|-- public                           // 公共文件
|   |-- favicon.ico                  // 页面左上角小图标
|   |-- index.html                   // 入口html文件
|-- src                              // 源码目录
|   |-- assets                       // 各种图片文件
|   |-- router                       // 路由配置
|   |-- components                   // 各种组件文件
|       |-- EmptyState.vue           // 未搜索到(空状态)
|       |-- FootTabbar.vue           // 底部导航
|       |-- HeaderSearch.vue         // 头部搜索
|       |-- Istop.vue                // 回到顶部
|       |-- Loading.vue              // 加载动画
|   |-- router                       // 路由配置
|       |-- index.js                 
|   |-- store                        // vuex的状态管理
|       |-- index.js                 
|	|-- style                 	     // 各种样式文件
|       |-- variables.scss           // 公共样式
|	|-- views                        // 各种页面文件
|		|-- 404.vue                  // 404页面
|		|-- CustomerService.vue      // 客服页面
|		|-- Favorites.vue            // 收藏夹页面
|       |-- Home.vue                 // 首页
|       |-- Index.vue                // 广告
|       |-- Journalism.vue           // 新闻页面
|       |-- Login.vue                // 登录页面
|       |-- Me.vue                   // 个人中心
|       |-- Menu.vue                 // 菜谱页面
|       |-- MenuDetail.vue           // 菜谱详情
|       |-- MyCart.vue               // 购物车
|       |-- NewsDetail.vue           // 新闻详情
|       |-- Register.vue             // 注册页面
|       |-- Sort.vue                 // 分类页面
|       |-- SortDetail.vue           // 商品详情
|       |-- Wallet.vue               // 个人钱包
|   |-- App.vue                      // 页面入口文件
|   |-- main.js                      // 程序入口文件，加载各种公共组件
|-- .gitignore                       // 忽略的文件
|-- note.md                          // 项目笔记
|-- babel.config.js                  // ES6语法编译配置
|-- package.json                     // 项目及工具的依赖配置文件
|-- README.md                        // 说明
|-- vue.config.js                    // vue配置文件
```

#### 项目完成时间:2022/02/04

## `END`