💻 代码预览 · 班级成绩查询系统（移动端 H5）

1<!DOCTYPE html>
2<html lang="zh-CN">
3<head>
4<meta charset="utf-8">
5<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
6<title>考试记录</title>
7<link rel="stylesheet" href="style.css">
8</head>
9<body>
10<div id="app"><div class="navbar "><a class="nb-back" href="home.html">&lsaquo;</a><div class="nb-title">考试记录</div><div class="nb-right">📊</div></div><div class="uc-wrap"><div class="card-h" style="margin:12px 4px 8px">本学期考试（5 次）</div><div class="card" id="exams"></div></div><div class="tabbar"><a class="tb" href="home.html"><span class="tb-ic">🏠</span>首页</a><a class="tb" href="exams.html"><span class="tb-ic">📊</span>考试</a><a class="tb" href="rank.html"><span class="tb-ic">🏆</span>排名</a><a class="tb" href="profile.html"><span class="tb-ic">👤</span>我的</a></div></div>
11<script src="app.js"></script>
12<script>DS.get('cg_exams').then(function(d){  var h=''; d.list.forEach(function(e){    var col='#2f9e44'; if(e.delta<0)col='#e03131'; var tagcol=e.delta<0?'#ffeaea;color:#e03131':'#e7f5ff;color:#1971c2';    h+='<a class="ex" href="exam_detail.html?e='+e.id+'">';    h+='<div class="ex-l"><div class="ex-name">'+e.name+'</div><div class="ex-date">'+e.date+'</div></div>';    h+='<div class="ex-r"><div class="ex-total">'+e.total+'<span class="ex-f">/'+e.full+'</span></div>';    var dlt=e.delta>0?'+'+e.delta+' ▲':(e.delta<0?e.delta+' ▼':'0');    h+='<div class="ex-d" style="color:'+col+'">'+dlt+'</div>';    h+='<div class="ex-rank">第 '+e.rank+' 名</div></div></a>';  }); $('#exams').innerHTML=h;});</script>
13</body>
14</html>