💻 代码预览 · 班级成绩查询系统（移动端 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="uc-hero"><div class="uc-name">🌿 林晓薇</div><div class="uc-id">明德中学 · 高三(7)班 · 17号</div><div class="resume-bar"><div class="resume-fill" style="width:88%"></div></div><div class="resume-t">本学期成绩完成度 88%</div></div><div class="card" id="ov"></div><div class="sec-h"><span class="sec-n">能</span>学科能力画像</div><div class="card" id="ab"></div><div class="card" id="sm"></div><div class="card" id="menu"></div><a class="logout" href="index.html">退出登录</a></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_profile').then(function(d){  $('#ov').innerHTML='<div class="card-h">学情概览</div><div class="pf-stats2"><div class="pf-st2"><div class="pf-v2">'+d.overall.total+'</div><div class="pf-l2">总分</div></div><div class="pf-st2"><div class="pf-v2">'+d.overall.rank+'</div><div class="pf-l2">班级排名</div></div><div class="pf-st2"><div class="pf-v2" style="color:#2f9e44">+23</div><div class="pf-l2">较上次</div></div><div class="pf-st2"><div class="pf-v2">'+d.overall.rate+'%</div><div class="pf-l2">及格率</div></div></div>';  $('#ab').innerHTML=Chart.radar({size:240,max:1,axes:d.ability.axes,series:[{name:'我',color:'#3b5bdb',data:d.ability.you},{name:'班级',color:'#adb5bd',data:d.ability.avg}]});  $('#sm').innerHTML='<div class="card-h">综合评语</div><div style="font-size:13px;line-height:1.7;color:#1f2329">'+d.summary+'</div>';  var m=''; d.menu.forEach(function(x){m+='<a class="li" href="'+x[2]+'"><span class="li-ic">'+x[0]+'</span><span class="li-mn"><div class="li-t">'+x[1]+'</div></span><span class="li-ar">&rsaquo;</span></a>';}); $('#menu').innerHTML=m;});</script>
13</body>
14</html>