信息安全小卫士（深色系版本）
一、项目简介
本项目是一款面向信息安全科普与学习的微信小程序（深色系 UI 版本），采用纯前端实现，使用本地 Mock 数据模拟后端接口。小程序涵盖安全仪表盘、知识学习、挑战任务、安全事件浏览、投诉举报与个人中心等功能，界面采用深色主题配色，适合作为微信小程序开发学习项目或计算机设计参考。
二、技术栈
| 类型 | 技术 |
|---|---|
| 框架 | 微信小程序原生 |
| 语言 | JavaScript (ES6+) |
| 样式 | WXSS |
| 模板 | WXML |
| 数据 | 本地 Mock（utils/mockData.js） |
三、功能模块
| 模块 | 说明 |
|---|---|
| 仪表盘 | 安全概览、快捷入口与数据展示 |
| 学习 | 信息安全知识库浏览与详情 |
| 挑战 | 互动问答与挑战任务 |
| 事件 | 安全事件案例浏览 |
| 投诉举报 | 模拟提交安全问题反馈 |
| 我的 | 个人信息与学习记录 |
四、项目特点
- 深色系主题：导航栏与 TabBar 采用深色配色，区别于浅色基础版
- 纯前端实现：无需后端服务器，Mock 数据本地加载
- 完整业务流程：涵盖学习、测试、案例、举报等模块