Skip to content

bruceren8/triathlon-calculator

Repository files navigation

铁人三项时间估算器

一个专业的移动端铁人三项比赛时间估算工具,提供配速分析、弱项识别和个性化训练建议。

功能特色

🏊‍♂️ 专业配速计算

  • 支持游泳(分钟/100米)、骑车(公里/小时)、跑步(分钟/公里)三种配速单位
  • 实时计算和显示完赛时间
  • 精确到秒的时间显示

🚴‍♂️ 多种比赛距离

  • 半程标铁(750m + 20km + 5km)
  • 标铁(1500m + 40km + 10km)
  • 半程大铁(1900m + 90km + 21.1km)
  • 全程大铁(3800m + 180km + 42.2km)

🏃‍♂️ 智能分析系统

  • 弱项自动识别
  • 能力平衡雷达图
  • 时间分配饼图
  • 个性化训练建议

📱 移动端优化

  • 完全响应式设计
  • 触控友好的交互
  • 流畅的动画效果
  • 底部固定导航

技术特色

🎨 现代设计

  • 深海蓝与活力橙配色方案
  • 玻璃拟态效果
  • 动态粒子背景
  • 专业的运动氛围

⚡ 性能优化

  • 纯前端实现,无需服务器
  • 快速响应的计算
  • 优化的图表渲染
  • 轻量级代码结构

📊 数据可视化

  • ECharts雷达图展示能力平衡
  • 饼图显示时间分配
  • 实时数据更新
  • 移动端适配的图表

使用方法

  1. 选择要参加的比赛距离
  2. 输入你的三项配速数据
  3. 点击计算获得完赛时间预测
  4. 查看弱项分析和训练建议
  5. 根据建议制定训练计划

浏览器支持

  • Chrome 60+
  • Firefox 55+
  • Safari 12+
  • Edge 79+

部署说明

这是一个纯静态网站,可以直接部署到任何静态网站托管服务:

GitHub Pages

  1. Fork这个仓库
  2. 进入Settings > Pages
  3. 选择main分支作为源
  4. 访问 https://你的用户名.github.io/仓库名/

Netlify

  1. 访问 netlify.com
  2. 拖拽项目文件夹到界面
  3. 自动部署完成

本地运行

cd 项目目录
python -m http.server 8000
# 访问 http://localhost:8000

开发技术

  • HTML5 + CSS3 + JavaScript (ES6)
  • Tailwind CSS 框架
  • Anime.js 动画库
  • ECharts.js 图表库
  • 响应式设计

更新日志

v1.0.0

  • 初始版本发布
  • 支持四种比赛距离
  • 配速计算和分析功能
  • 移动端优化

注意:本工具仅供参考,实际比赛时间会受到多种因素影响,如天气、赛道难度、比赛状态等。建议结合专业教练指导进行训练。

About

铁人三项时间估算器 - 专业配速分析与训练建议

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors