💻 代码预览 · 小草校园通

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="card-view">
7  <div class="cv-label">🎓 小草大学 · 校园一卡通</div>
8  <div class="cv-balance">¥<span id="c-balance"></span></div>
9  <div class="cv-meta">
10    <span>王小雨 · 20260816886</span>
11    <span id="c-status">状态：正常</span>
12  </div>
13</div>
14<div class="card-actions">
15  <a href="javascript:void(0)" onclick="recharge()"><span class="ca-icon">💳</span><span>在线充值</span></a>
16  <a href="javascript:void(0)" onclick="freezeCard()"><span class="ca-icon">🔒</span><span>挂失</span></a>
17  <a href="javascript:void(0)"><span class="ca-icon">📱</span><span>付款码</span></a>
18</div>
19<div class="section-title">🧾 消费记录</div>
20<div id="consum-list"></div>
21<div style="height:70px"></div>
22<div class="tabbar">
23  <a href="index.html"><span class="icon">🏠</span>首页</a>
24  <a href="schedule.html"><span class="icon">📅</span>课表</a>
25  <a href="grades.html"><span class="icon">📊</span>成绩</a>
26  <a href="card.html" class="active"><span class="icon">💳</span>校园卡</a>
27  <a href="mine.html"><span class="icon">👤</span>我的</a>
28</div>
29<script src="data.js"></script>
30<script src="app.js"></script>
31<script>renderCard();</script>
32</body></html>