xiaocao-fitness/mine.html · 约 2610 字符
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:.7;margin-top:2px" id="p-level"></div>
10 <div class="profile-stats">
11 <div><div class="ps-num" id="p-streak"></div><div class="ps-label">连续打卡</div></div>
12 <div><div class="ps-num" id="p-cal"></div><div class="ps-label">累计千卡</div></div>
13 <div><div class="ps-num" id="p-days"></div><div class="ps-label">运动天数</div></div>
14 </div>
15</div>
16<div class="section-title">🏆 成就徽章 <span id="badge-count"></span></div>
17<div class="badge-grid" id="badge-grid"></div>
18<div class="section-title">🏅 本周排行榜 <span>查看全部 ></span></div>
19<div class="card" style="padding:0;overflow:hidden">
20 <div id="rank-list"></div>
21</div>
22<div class="section-title">⚙️ 快捷功能</div>
23<div class="card" style="padding:0">
24 <a href="train.html" style="display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #f5f5f5"><span>📋 我的训练计划</span><span style="color:#ccc">›</span></a>
25 <a href="stats.html" style="display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #f5f5f5"><span>📊 运动数据</span><span style="color:#ccc">›</span></a>
26 <a href="circle.html" style="display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #f5f5f5"><span>💬 我的动态</span><span style="color:#ccc">›</span></a>
27 <a href="javascript:void(0)" style="display:flex;justify-content:space-between;align-items:center;padding:14px 16px"><span>⚙️ 设置</span><span style="color:#ccc">›</span></a>
28</div>
29<div style="height:70px"></div>
30<div class="tabbar">
31 <a href="index.html"><span class="icon">🏠</span>首页</a>
32 <a href="train.html"><span class="icon">📋</span>训练</a>
33 <a href="stats.html"><span class="icon">📊</span>统计</a>
34 <a href="mine.html" class="active"><span class="icon">👤</span>我的</a>
35</div>
36<script src="data.js"></script>
37<script src="app.js"></script>
38<script>renderMine();</script>
39</body></html>