# online_shapping_mall

**Repository Path**: mpxuan/online_shapping_mall

## Basic Information

- **Project Name**: online_shapping_mall
- **Description**: 一个移动端电商平台~~~
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-08-29
- **Last Updated**: 2023-04-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 项目简介：

移动端电商平台，个人练习项目，使用mock模仿后端数据请求，如需要真实接口可使用http://backend-api-01.newbee.ltd/swagger-ui.html#/ 自行对接，拥有基本的电商系统功能。使用Vue3、TypeScript、Vue-Router、Vuex、less等技术，欢迎大家fork。


# 项目展示：

##  登录页面：
图片如无法显示，请移步REMADE.asssents文件夹查看

使用组件实现图片验证码的功能，验证码的值存在组件的实例对象上，详情请看ImgVer.vue组件。

![image-20220829193819067](E:\Vue3+TS\online_shapping_mall\README.assets\image-20220829193819067.png)

## 首页：

使用VantUI组件库的轮播，封装自己的轮播图组件组件。

`<Swiper :list="list" />`



![image-20220829194054153](E:\Vue3+TS\online_shapping_mall\README.assets\image-20220829194054153.png)

## 

## 商城详情页：

![image-20220829194346062](E:\Vue3+TS\online_shapping_mall\README.assets\image-20220829194346062.png)

## 购物车：

![image-20220829194416181](E:\Vue3+TS\online_shapping_mall\README.assets\image-20220829194416181.png)

## 订单：

![image-20220829194429503](E:\Vue3+TS\online_shapping_mall\README.assets\image-20220829194429503.png)

## 地址管理：

![image-20220829194448795](E:\Vue3+TS\online_shapping_mall\README.assets\image-20220829194448795.png)

## 新增地址：

![image-20220829194501811](E:\Vue3+TS\online_shapping_mall\README.assets\image-20220829194501811.png)