💪
小草健身打卡
其他综合 · 上传者 小草网络 · 更新于 2026-08-11
移动端网页
会员专享 健身打卡运动追踪训练计划数据统计
20浏览
0下载
0点赞
2026-08-11更新
⚠ 版权与免责声明
本资源由社区用户「小草网络」上传分享，版权归原作者所有。
· 本站内容仅限个人学习与研究使用，严禁用于任何商业用途。
· 下载后请于 24 小时内删除或销毁，逾期风险自负。
· 因参考、运行本站代码产生的任何损失，本站不承担赔偿责任。
· 如涉及侵权，请联系我们，核实后 48 小时内下架。
· 源代码演示数据中的 人名、企业名称、机构、产品、联系方式等信息，均属于在学习研究时的测试模拟数据，与现实中的同名任何个人、企业、组织无任何关联；若有雷同，纯属巧合。如这些内容无意中侵犯您的合法权益，请联系我们，核实后将及时删除或更改。
功能介绍
- 运动打卡：今日数据概览、卡路里/时长/步数统计
- 训练计划：7天燃脂/马甲线/跑步100km/瑜伽柔韧
- 数据统计：周柱状图、月度目标环形图、运动类型分布
- 运动圈：动态分享、点赞评论、互动社交
- 成就系统：运动徽章解锁、连续打卡记录
- 排行榜：本周卡路里消耗排名
界面预览
源码结构
index.html 首页（今日数据/周图表/计划/课程）
train.html 训练计划（进行中计划/推荐课程/分类）
stats.html 数据统计（累计数据/图表/目标进度/类型分布）
circle.html 运动圈（动态分享/点赞评论）
mine.html 我的（资料/徽章/排行榜/功能）
style.css 移动端优先样式（绿色运动主题）
app.js 交互逻辑与数据管理
data.js 运动/计划/课程/动态/徽章数据
详细说明
纯原生HTML/CSS/JS，无构建、无外部依赖，可直接用浏览器或file://打开。
数据集中在data.js，改运动数据/计划/文案只需改这一处。
SVG环形进度图+CSS柱状图，零图表库依赖。
适配移动端（390×844视口），底部TabBar导航。
下载压缩包后解压，按源码内 README 配置 AppID / 接口地址 / 云环境，使用对应开发者工具导入即可预览。如遇问题可在评论区留言，由上传者与其他社区成员交流答疑。
用户评论 （0）
还没有评论，来抢沙发～