courses.html · 约 1486 字符
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="filter-bar" id="age-bar">
7 <a href="javascript:void(0)" class="active">全部</a>
8 <a href="javascript:void(0)">0-1岁</a>
9 <a href="javascript:void(0)">1-3岁</a>
10 <a href="javascript:void(0)">3-6岁</a>
11</div>
12<div class="filter-bar" id="cat-bar" style="top:97px">
13 <a href="javascript:void(0)" class="active">全部</a>
14 <a href="javascript:void(0)">认知</a>
15 <a href="javascript:void(0)">语言</a>
16 <a href="javascript:void(0)">运动</a>
17 <a href="javascript:void(0)">艺术</a>
18 <a href="javascript:void(0)">思维</a>
19</div>
20<div id="course-list" style="padding-top:8px"></div>
21<div style="height:70px"></div>
22<div class="tabbar">
23 <a href="index.html"><span class="icon">🏠</span>首页</a>
24 <a href="courses.html" class="active"><span class="icon">📚</span>课程</a>
25 <a href="activity.html"><span class="icon">🎪</span>活动</a>
26 <a href="mine.html"><span class="icon">👤</span>我的</a>
27</div>
28<script src="data.js"></script>
29<script src="app.js"></script>
30<script>renderCourses();</script>
31</body></html>