README.md · 约 1228 字符
1# 小草校园通 · 移动端 H5
2
3## 项目简介
4智慧校园移动端 H5 应用,为在校学生提供课程表、成绩查询、校园一卡通、校园资讯、失物招领等一站式校园生活服务。
5
6## 功能模块
71. **首页** — 欢迎横幅、快捷功能(课表/成绩/校园卡/图书馆/空教室等)、校园资讯、今日课程
82. **课程表** — 周视图切换、每日课程详情、上课地点
93. **成绩查询** — 平均绩点/排名/学分汇总、成绩明细(ABC等级配色)
104. **校园一卡通** — 余额展示、在线充值、挂失/解挂、消费记录
115. **校园资讯** — 公告/活动/失物招领/缴费分类筛选
126. **个人中心** — 学籍信息、卡余额、课程数、平均绩点、常用功能
13
14## 技术栈
15- 纯原生 HTML/CSS/JS,零依赖
16- 移动端优先设计(390×844 视口)
17- 底部 TabBar 导航(5 项)
18- 动态周课表渲染
19
20## 文件结构
21- index.html — 首页
22- schedule.html — 课程表
23- grades.html — 成绩查询
24- card.html — 校园一卡通
25- notice.html — 校园资讯
26- mine.html — 个人中心
27- style.css — 全局样式
28- app.js — 交互逻辑
29- data.js — 数据配置
30