💻 代码预览 · 小草亲子早教

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="detail-hero" id="dh-emoji"><span class="dh-tag badge badge-new" id="dh-tag">1-3岁</span></div>
7<div class="detail-body">
8  <div class="db-name" id="db-name"></div>
9  <div class="db-meta" id="db-meta"></div>
10  <div class="db-desc" id="db-desc"></div>
11</div>
12<div class="checkin-bar">
13  <div><div class="cb-num" id="cb-num">0</div><div style="font-size:11px;opacity:.9">天打卡</div></div>
14  <div class="cb-info">
15    <div style="font-weight:600">学习打卡</div>
16    <div class="cb-desc" id="cb-desc">连续打卡7天得成长积分</div>
17  </div>
18  <button class="cb-btn" id="cb-btn" onclick="checkin()">打卡</button>
19</div>
20<div class="section-title">📚 课程大纲</div>
21<div id="lesson-list"></div>
22<div style="height:20px"></div>
23<script src="data.js"></script>
24<script src="app.js"></script>
25<script>renderDetail();</script>
26</body></html>