mine.html · 约 2979 字符
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="profile-header">
7 <div class="profile-avatar">👩</div>
8 <div style="font-size:18px;font-weight:600" id="p-name"></div>
9 <div style="font-size:13px;opacity:.9;margin-top:2px" id="p-baby"></div>
10 <div class="profile-stats">
11 <div><div class="ps-num" id="p-points"></div><div class="ps-label">积分</div></div>
12 <div><div class="ps-num" id="p-courses"></div><div class="ps-label">课程</div></div>
13 <div><div class="ps-num" id="p-checkin"></div><div class="ps-label">打卡(天)</div></div>
14 </div>
15</div>
16<div class="card" style="display:flex;align-items:center;gap:12px;margin-top:0">
17 <span style="font-size:26px">🏅</span>
18 <div style="flex:1"><div style="font-weight:600" id="p-level"></div><div style="font-size:12px;color:#b08b9a;margin-top:2px">课程8折 · 专家咨询免费 · 活动优先报名</div></div>
19 <span style="color:var(--primary);font-size:13px">详情 ›</span>
20</div>
21<div class="order-nav">
22 <a href="courses.html"><span class="on-icon">📚</span>我的课程</a>
23 <a href="javascript:void(0)" onclick="alert('⏰ 今日打卡已完成！')"><span class="on-icon">⏰</span>学习打卡</a>
24 <a href="growth.html"><span class="on-icon">📝</span>成长记录</a>
25 <a href="activity.html"><span class="on-icon">🎪</span>活动报名</a>
26</div>
27<div class="section-title">📌 我的服务</div>
28<div class="menu-list">
29 <a href="growth.html"><span>👶 宝宝档案</span><span class="ml-arrow">›</span></a>
30 <a href="javascript:void(0)" onclick="alert('🎵 早教FM\n\n哄睡 · 早起 · 洗澡 · 陪读（演示页）')"><span>🎵 早教FM</span><span class="ml-arrow">›</span></a>
31 <a href="javascript:void(0)" onclick="alert('👪 家长社区\n\n育儿经验交流分享（演示页）')"><span>👪 家长社区</span><span class="ml-arrow">›</span></a>
32 <a href="javascript:void(0)" onclick="alert('🎟️ 优惠券包')"><span>🎟️ 优惠券包</span><span class="ml-arrow">›</span></a>
33 <a href="javascript:void(0)" onclick="alert('💬 在线客服')"><span>💬 联系客服</span><span class="ml-arrow">›</span></a>
34</div>
35<div style="height:70px"></div>
36<div class="tabbar">
37 <a href="index.html"><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" class="active"><span class="icon">👤</span>我的</a>
41</div>
42<script src="data.js"></script>
43<script src="app.js"></script>
44<script>renderMine();</script>
45</body></html>