小草少儿编程_H5/mine.html · 约 2053 字符
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
11<div class="user-card">
12 <div class="uc-avatar">👦</div>
13 <div>
14 <div class="uc-name">小宇同学</div>
15 <div class="uc-level">L3 图形编程班 · 学号 2026038</div>
16 </div>
17</div>
18<div class="menu-list">
19 <a href="classroom.html"><span class="ml-l"><span class="ico">✏️</span>我的课堂</span><span class="ml-r">›</span></a>
20 <a href="works.html"><span class="ml-l"><span class="ico">🎨</span>我的作品</span><span class="ml-r">›</span></a>
21 <a href="report.html"><span class="ml-l"><span class="ico">📈</span>学习报告</span><span class="ml-r">›</span></a>
22 <a data-toast="家长端功能即将上线"><span class="ml-l"><span class="ico">👨👩👧</span>家长管理</span><span class="ml-r">›</span></a>
23 <a data-toast="课时剩余 26 节"><span class="ml-l"><span class="ico">⏰</span>课时与续费</span><span class="ml-r">26 节</span></a>
24 <a data-toast="已加入 3 门课程"><span class="ml-l"><span class="ico">📚</span>已购课程</span><span class="ml-r">3 门</span></a>
25 <a data-toast="客服在线时间 9:00-21:00"><span class="ml-l"><span class="ico">🎧</span>联系老师</span><span class="ml-r">›</span></a>
26</div>
27
28<nav class="tabbar"><a class="" href="index.html"><span class="icon">🏠</span>首页</a><a class="" href="courses.html"><span class="icon">📚</span>课程</a><a class="" href="classroom.html"><span class="icon">✏️</span>课堂</a><a class="" href="works.html"><span class="icon">🎨</span>作品</a><a class="" href="report.html"><span class="icon">📈</span>报告</a><a class=" active" href="mine.html"><span class="icon">👤</span>我的</a></nav>
29<script src="data.js"></script>
30<script src="app.js"></script>
31</body>
32</html>