# vue-mobile-quiz

**Repository Path**: fog3211/vue-mobile-quiz

## Basic Information

- **Project Name**: vue-mobile-quiz
- **Description**: vue开发的移动端答题系统
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: https://fog3211.com/vue-mobile-quiz/dist/index.html
- **GVP Project**: No

## Statistics

- **Stars**: 8
- **Forks**: 5
- **Created**: 2019-05-03
- **Last Updated**: 2022-10-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue-mobile-quiz(vue移动端答题系统)

## 介绍

本项目是以vue-cli3搭建的SPA单页面应用，主要分为三大部分，主页进行试卷的推送，题目的搜索及科目选择；答题界面具有收藏夹，错题本功能，并且兼容多项选择；个人设置里可以进行头像，主题等信息的个性化定制，以及未读消息的提示（mock生成），本项目以开启PWA功能，可以发送到桌面。

## 技术栈

Vue2 + Vue-cli3 + Vuex + Vue-router + Mint-UI + Axios + SCSS + Mock + PWA

## 预览

> 手机扫码：![avatar](https://img.fog3211.com/1552372642.png)  
> 预览地址：[https://fog3211.com/vue-mobile-quiz/dist/index.html](https://fog3211.com/vue-mobile-quiz/dist/index.html)

## 项目截图  

![avatar](https://img.fog3211.com/FLN8M2CIR%257D%255BI2OOH1V0T0%255B1.png)  
![avatar](https://img.fog3211.com/PZX8A__%2525K@CLBN8T%2560RZIAJ2.png)  
![avatar](https://img.fog3211.com/VP02%2560G%25287A2XZOO%2529%2525NRQ8D$E.png)  
![avatar](https://img.fog3211.com/I9VXOFYE%2525_I4%257D~FQNSZ1TY4.png)  

## 实现功能

### 首页

- 登录注册
- 展示推荐试题，最新试题，热门试题
- 根据科目选择试题
- 关键词搜索特定试题

### 个人设置

- 切换主题
- 未读消息提示
- 更换头像，个性签名
- 完善账户详情
- 查看开发者信息
- 注销登录

### 答题

- 根据题目序号跳转
- 错题本
- 收藏夹
- 长按删除（收藏夹页面）
- 兼容单选和多选

## 安装与使用

### 初始化

```shell
// 下载
git clone https://github.com/fog3211/vue-mobile-quiz.git
// 安装依赖
npm install
```

### 开始运行

```shell
// 开发模式
npm run serve
// 构建模式
npm run build
```

**注：** 

1. 默认用户为：账号 `fog3211` ,密码 `123456`,可自行注册。
2. 用户信息存放在sessio中，其他信息放在缓存中，退出后头像、主题、收藏夹的题目依旧保留。

## 最后

欢迎 Fork & Star 。