# CMPM-Frontend

**Repository Path**: meshine/cmpm-frontend

## Basic Information

- **Project Name**: CMPM-Frontend
- **Description**: CMPM，是一个小型知识竞赛系统，内置了知识竞赛的全流程功能。目前支持多级闯关、单选及多选答题以及个人及团队排名等功能。此项目为项目前端工程，基于vue + vuex + vue-router + axios + vant 开发，原始框架为vue-element-admin, 通过实现移动端的Layout完成。
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 10
- **Forks**: 3
- **Created**: 2021-06-02
- **Last Updated**: 2025-07-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 小型知识竞赛系统--CMPM

## 基本介绍

<strong>CMPM</strong>，是一个小型知识竞赛系统，内置了知识竞赛的全流程功能。目前支持多级闯关、单选及多选答题以及个人及团队排名等功能。此项目为项目前端工程，基于**vue** + **vuex** + **vue-router** + **axios** + **vant** 开发，原始框架为**vue-element-admin**, 通过实现移动端的Layout完成。对应的后台工程为[https://gitee.com/meshine/cmpm-backend.git](https://gitee.com/meshine/cmpm-backend.git)

## 项目启动

1. `git clone https://gitee.com/meshine/cmpm-frontend.git`
2. `npm i -S`
3. `npm run dev`

## 系统截图
<img src="./docs/登录.png" style="margin:0.5rem;"/>
<img src="./docs/主页.png" style="margin:0.5rem;"/>
<img src="./docs/答题.png" style="margin:0.5rem;"/>
<img src="./docs/个人中心.png" style="margin:0.5rem;"/>