💻 代码预览 · 小草健身打卡

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="hero-card">
7  <div class="hc-date" id="hc-date"></div>
8  <div class="hc-cal" id="hc-cal">0</div>
9  <div class="hc-label">今日消耗(千卡)</div>
10  <div class="hero-stats">
11    <div class="hs"><div class="hs-num" id="hs-min">0</div><div class="hs-label">运动(分钟)</div></div>
12    <div class="hs"><div class="hs-num" id="hs-steps">0</div><div class="hs-label">步数</div></div>
13    <div class="hs"><div class="hs-num" id="hs-streak">0</div><div class="hs-label">连续打卡</div></div>
14  </div>
15</div>
16<div class="quick-grid">
17  <a href="javascript:void(0)" onclick="startWorkout()"><span class="qicon">▶️</span>开始运动</a>
18  <a href="train.html"><span class="qicon">📋</span>训练计划</a>
19  <a href="stats.html"><span class="qicon">📊</span>数据统计</a>
20  <a href="circle.html"><span class="qicon">💬</span>运动圈</a>
21</div>
22<div class="section-title">📈 本周运动 <span>查看详情 ></span></div>
23<div class="card">
24  <div class="week-chart" id="week-chart"></div>
25  <div style="display:flex;justify-content:space-between;font-size:12px;color:#999;margin-top:8px;padding-top:8px;border-top:1px solid #f0f0f0">
26    <span>本周累计：<b style="color:var(--primary)" id="week-total">0</b> 千卡</span>
27    <span>目标完成率：<b style="color:var(--primary)">85%</b></span>
28  </div>
29</div>
30<div class="section-title">🎯 我的训练计划 <span>全部 ></span></div>
31<div id="plan-list"></div>
32<div class="section-title">🔥 热门课程 <span>更多 ></span></div>
33<div class="course-grid" id="course-grid"></div>
34<div style="height:70px"></div>
35<div class="tabbar">
36  <a href="index.html" class="active"><span class="icon">🏠</span>首页</a>
37  <a href="train.html"><span class="icon">📋</span>训练</a>
38  <a href="stats.html"><span class="icon">📊</span>统计</a>
39  <a href="mine.html"><span class="icon">👤</span>我的</a>
40</div>
41<script src="data.js"></script>
42<script src="app.js"></script>
43<script>renderIndex();</script>
44</body></html>