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

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">🧸</span><h1>小草亲子早教</h1><span class="right">🔔</span></div>
6<div class="banner">
7  <div>
8    <div class="bn-title">👶 2岁敏感期指南</div>
9    <div class="bn-sub">按月龄推荐 · 每天10分钟亲子共学</div>
10    <div class="bn-sub">🎁 新人注册免费领5节体验课</div>
11  </div>
12  <span class="bn-emoji">🧸</span>
13</div>
14<div class="search-bar">
15  <span class="sb-icon">🔍</span>
16  <span class="sb-text">搜索课程 / 儿歌 / 绘本...</span>
17  <span class="sb-btn">搜索</span>
18</div>
19<div class="quick-grid">
20  <a href="courses.html"><span class="qicon">📚</span>课程中心</a>
21  <a href="javascript:void(0)" onclick="alert('🎵 儿歌FM\n\n哄睡/早教/洗澡场景音乐（演示页）')"><span class="qicon">🎵</span>儿歌FM</a>
22  <a href="javascript:void(0)" onclick="alert('📖 绘本馆\n\n分龄精选绘本（演示页）')"><span class="qicon">📖</span>绘本馆</a>
23  <a href="activity.html"><span class="qicon">🎪</span>亲子活动</a>
24  <a href="growth.html"><span class="qicon">📝</span>成长记录</a>
25  <a href="courses.html"><span class="qicon">⏰</span>学习打卡</a>
26  <a href="javascript:void(0)" onclick="alert('👩‍🏫 专家咨询\n\n育儿顾问在线答疑（演示页）')"><span class="qicon">👩‍🏫</span>专家咨询</a>
27  <a href="mine.html"><span class="qicon">👤</span>我的</a>
28</div>
29<div class="section-title">👧 按年龄选课</div>
30<div class="age-pick" id="age-pick"></div>
31<div class="section-title">🔥 热门课程 <span onclick="location.href='courses.html'">更多 ></span></div>
32<div id="course-list"></div>
33<div class="section-title">🎪 近期亲子活动 <span onclick="location.href='activity.html'">更多 ></span></div>
34<div id="activity-list"></div>
35<div style="height:70px"></div>
36<div class="tabbar">
37  <a href="index.html" class="active"><span class="icon">🏠</span>首页</a>
38  <a href="courses.html"><span class="icon">📚</span>课程</a>
39  <a href="activity.html"><span class="icon">🎪</span>活动</a>
40  <a href="mine.html"><span class="icon">👤</span>我的</a>
41</div>
42<script src="data.js"></script>
43<script src="app.js"></script>
44<script>renderIndex();</script>
45</body></html>