/vue-mobile-quiz

vue开发的移动端答题系统

Primary LanguageVueMIT LicenseMIT

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

介绍

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

技术栈

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

预览

手机扫码：avatar
预览地址：https://site.fog3211.com/vue-mobile-quiz/index.html

项目截图

avatar
avatar
avatar
avatar

实现功能

首页

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

个人设置

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

答题

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

安装与使用

初始化

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

开始运行

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

注：

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

最后

欢迎 Fork & Star 。