# FreshMall

**Repository Path**: JIAXInT/fresh-mall

## Basic Information

- **Project Name**: FreshMall
- **Description**: FreshMall鲜果优品网站
- **Primary Language**: JavaScript
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-02-22
- **Last Updated**: 2022-09-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# FreshMall-pc

# 鲜果优品pc端 [在线预览](http://www.justic.store:8083/#/index)

# 一、项目介绍

基于vue.js的生鲜线上零售平台。

## 二、技术栈

- vue
- vue-cli

- vue-router
- vuex

- axios
- webpack

- ES6
- element-ui

- sass

## 三、如何运行该项目

```javascript
// 进入该项目
cd FreshMall-pc

// 安装对应依赖
npm install

// 访问网站
npm run serve
```

## 四、项目展示

### 4.1网站首页

![img](https://cdn.nlark.com/yuque/0/2022/png/21707377/1651065398022-456450fe-482e-494c-a6a4-b586529c979b.png)![img](https://cdn.nlark.com/yuque/0/2022/png/21707377/1651065445799-397c4a90-6dd3-4e4e-9af4-8507128c4691.png)

## 4.2登录页面

![img](https://cdn.nlark.com/yuque/0/2022/png/21707377/1651065491732-3d7c2226-68c5-45b4-b124-846c10bb9c33.png)

### 4.3 购物车页面

![img](https://cdn.nlark.com/yuque/0/2022/png/21707377/1651065536409-9645a932-41f9-4c53-8be7-0101a081b20e.png)

## 4.4 结算页面

![img](https://cdn.nlark.com/yuque/0/2022/png/21707377/1651065650865-a3c58d9f-a784-486e-ad45-cb562d6752ab.png)

## 4.5 支付页面

![img](https://cdn.nlark.com/yuque/0/2022/png/21707377/1651065687220-3ca42730-6bde-4cf1-85f8-12fa38ac6616.png)

## 4.6 订单列表

![img](https://cdn.nlark.com/yuque/0/2022/png/21707377/1651065718299-fd28b3e8-37f4-4ed4-8cb7-0db58e4f4cfd.png)



# FreshMall-mobile

# 鲜果优品移动端 [在线预览](http://www.justic.store:8084/#/home/index)

# ![img](https://cdn.nlark.com/yuque/0/2022/png/21707377/1651065918760-0bb301a7-33d8-4134-b42e-5a0bc528da49.png) 扫码体验

# 一、项目介绍

鲜果优品网站移动端



# 二、技术栈

- vue
- vue-cli

- vue-router
- vuex

- axios
- webpack

- ES6
- vant

- sass

## 三、如何运行该项目

```javascript
// 进入该项目
cd FreshMall-mobile

// 安装对应依赖
npm install

// 访问网站
npm run serve
```

# 四、项目展示

## 4.1 移动端首页

![img](https://cdn.nlark.com/yuque/0/2022/png/21707377/1651066093572-020aad5e-4ccf-420d-8e45-2c74885571af.png)![img](https://cdn.nlark.com/yuque/0/2022/png/21707377/1651066111868-5d9643a8-5714-4b88-99c2-95411dfbf3d6.png)

## 4.2 分类页面

![img](https://cdn.nlark.com/yuque/0/2022/png/21707377/1651066134858-14bb8aa0-4e58-43b6-9b73-4f39f878da6f.png)



## 4.3 购物车页面

![img](https://cdn.nlark.com/yuque/0/2022/png/21707377/1651066187416-4c11dbca-2bd2-4e33-9184-e6a2f82032f6.png)![img](https://cdn.nlark.com/yuque/0/2022/png/21707377/1651066202702-46441af3-c4b8-497e-b9a0-b989c38b91cf.png)

## 4.4 结算页面

![img](https://cdn.nlark.com/yuque/0/2022/png/21707377/1651066273847-f29b9c10-9216-4ffc-b56a-993d63b31483.png)



## 4.5 我的地址

![img](https://cdn.nlark.com/yuque/0/2022/png/21707377/1651066315468-0b51c7ba-91bd-48ba-a443-d397574f45c2.png)![img](https://cdn.nlark.com/yuque/0/2022/png/21707377/1651066326705-ceaf0cfa-b50b-48ea-8402-4f9e4d03b98c.png)



# FreshMall-serve

# 鲜果优品后端

## 一、如何运行该项目

```javascript
// 进入该项目
cd FreshMall-sever

// 安装对应依赖
npm install

// 启动后端服务器
npm start
```

##