mine.html · 约 2021 字符
1<!DOCTYPE html><html lang="zh-CN"><head>
2<meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
3<title>我的 - 小草校园通</title><link rel="stylesheet" href="style.css">
4</head><body>
5<div class="header"><span class="back" onclick="history.back()">‹</span><h1>个人中心</h1><span class="right">⚙️</span></div>
6<div class="member-header">
7 <div class="member-avatar">🎓</div>
8 <div style="font-size:18px;font-weight:600" id="m-name"></div>
9 <div style="font-size:12px;opacity:.9;margin-top:2px" id="m-dept"></div>
10</div>
11<div class="points-grid">
12 <div><div class="pg-num" id="m-balance"></div><div class="pg-label">卡余额(元)</div></div>
13 <div><div class="pg-num" id="m-courses"></div><div class="pg-label">本学期课程</div></div>
14 <div><div class="pg-num" id="m-avg"></div><div class="pg-label">平均绩点</div></div>
15</div>
16<div class="section-title">⚙️ 常用功能</div>
17<div class="menu-list">
18 <a href="schedule.html"><span>📅 我的课表</span><span>›</span></a>
19 <a href="grades.html"><span>📊 成绩查询</span><span>›</span></a>
20 <a href="card.html"><span>💳 校园卡管理</span><span>›</span></a>
21 <a href="notice.html"><span>📢 校园资讯</span><span>›</span></a>
22 <a href="javascript:void(0)"><span>📚 图书借阅</span><span>›</span></a>
23 <a href="javascript:void(0)"><span>💬 意见反馈</span><span>›</span></a>
24</div>
25<div style="height:70px"></div>
26<div class="tabbar">
27 <a href="index.html"><span class="icon">🏠</span>首页</a>
28 <a href="schedule.html"><span class="icon">📅</span>课表</a>
29 <a href="grades.html"><span class="icon">📊</span>成绩</a>
30 <a href="card.html"><span class="icon">💳</span>校园卡</a>
31 <a href="mine.html" class="active"><span class="icon">👤</span>我的</a>
32</div>
33<script src="data.js"></script>
34<script src="app.js"></script>
35<script>renderMine();</script>
36</body></html>