# vue2-bilibili

**Repository Path**: lx29/bilibili

## Basic Information

- **Project Name**: vue2-bilibili
- **Description**: 仿bilibili移动端项目，以自己封装组件为主实现页面布局，数据使用mock模拟前后端交互
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-03-19
- **Last Updated**: 2023-05-31

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, vue-router, Mock

## README

# 仿 B 站项目

### 使用技术

```js
vue
axios
mockjs
```

## 项目依赖

```
npm install
```

### 运行项目

```
npm run serve
```

### 实现功能

#### 组件

- 自己封装组件为主，结合 vant 实现所有功能
- 组件按需加载

#### 数据

- 使用 mock 结合 axios 模拟前后端交互

#### 评论

- 实现评论的展示
- 发起评论，用户匿名评论等功能

#### 个人中心

- 实现换肤静态页面的编写
- 实现账号密码，手机号验证码登陆页面的编写
- 实现个人主页的编写

### 部分截图

#### 主页面

<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-e3306813-c467-4fe2-a5b0-4f80a8d3051e/e71c9570-388a-4ea6-bfe6-f0fe53bad696.png" style="width:100%; margin-top:10px;" alt="">

#### 详情页

<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-e3306813-c467-4fe2-a5b0-4f80a8d3051e/ebacfa75-7a1a-49a7-a8f2-cb28dac115fd.png" style="width:100%; margin-top:10px;" alt="">

#### 个人中心

<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-e3306813-c467-4fe2-a5b0-4f80a8d3051e/b913e085-0b80-45d6-8570-3cc5fcbfb19a.png" style="width:100%; margin-top:10px;" alt="">

### 关于我

QQ：965536741