首页/ 资源中心/ 移动端网页/ 运动健身平台H5移动端功能演示
🏋️

运动健身平台H5移动端功能演示

服务行业 · 上传者 驰旭教育 · 更新于 2026-07-16
移动端网页 会员专享 H5移动端健身运动
4浏览
0下载
0点赞
2026-07-16更新

⚠ 版权与免责声明

本资源由社区用户「驰旭教育」上传分享,版权归原作者所有。
· 本站内容仅限个人学习与研究使用,严禁用于任何商业用途
· 下载后请于 24 小时内删除或销毁,逾期风险自负。
· 因参考、运行本站代码产生的任何损失,本站不承担赔偿责任。
· 如涉及侵权,请联系我们,核实后 48 小时内下架。
· 源代码演示数据中的 人名、企业名称、机构、产品、联系方式等信息,均属于在学习研究时的测试模拟数据,与现实中的同名任何个人、企业、组织无任何关联;若有雷同,纯属巧合。如这些内容无意中侵犯您的合法权益,请联系我们,核实后将及时删除或更改。

功能介绍

  • 首页/日记:日期切换、卡路里圆环、三大营养素、三餐饭菜、身体测量、饮水进度
  • 饮食记录:早/午/加餐明细、热量与营养成分统计
  • 训练计划:今日计划卡片、鼓励提示、重点部位快捷入口
  • 部位训练:6 大部位选择、体能测试与自定义程序入口
  • 课程中心:搜索、初学者/进阶筛选、横向课程卡片、进阶课程列表
  • 个人中心:会员信息、训练/时长/消耗/打卡统计、功能菜单
  • 底部 Tab 导航:日记、训练、课程、我的
  • 橙红渐变活力风格,全部中文,jQuery + HTML/CSS 单页多视图

界面预览

界面预览
界面预览
界面预览
界面预览
界面预览
界面预览

源码结构

index.html
_vendor/jquery.min.js

详细说明

H5 单页 jQuery 应用,运动健身平台风格,含首页/饮食记录/训练计划/部位训练/课程中心/个人中心六个视图,数据为演示数据。

下载压缩包后解压,按源码内 README 配置 AppID / 接口地址 / 云环境,使用对应开发者工具导入即可预览。如遇问题可在评论区留言,由上传者与其他社区成员交流答疑。

用户评论 0

还没有评论,来抢沙发~