缘起：一条让我破防的评论
这次活动我在评论区逛了很久，被 3 楼这条愿望戳中了：
“我想要一个【带爸妈出游的“省脚力”路线卡】——攻略只说哪里好玩，不说要走多久、哪里能坐下、厕所好不好找。最好能整理成路线卡，显示每段步行时间，标记休息点/厕所/台阶提醒，还能标记‘累了就跳过’，导出大字版图片发家庭群。”
—— 原评论：【中秋国庆VibeCoding】你出题，我来做，用 TraeCode 做个节日小应用 - #3，来自 xixihaha
太真实了。我们做旅行攻略永远默认游客是 25 岁、腿脚倍儿棒，可中秋国庆真正高频的出行场景是“带爸妈出去玩”。爸妈不说累，但走得慢、想坐、想找厕所。于是我认领了这条题，用 TraeCode 做了这个小工具。
做了什么
一个不需要注册登录的轻量网页——带爸妈出游 · 省脚力路线卡：
- 路线卡时间轴：预置杭州西湖、北京什刹海、南京夫子庙 3 条“平路多、补给密、能随时坐下”的慢游路线，每段行程显示步行距离 + 步行时间；
爸妈步速开关：一键按长辈体力放慢 1.7 倍估算，步行时间实时重算；- 每站三件套提示：
休息点（长椅/茶座）、
厕所位置、
台阶坡度提醒（比如“鼓楼登楼台阶多，可只在楼下拍全景”）； 
累了就跳过：任何一站一键标记跳过，置灰显示，总距离、总时间自动扣除，随时可恢复；
一键生成大字版：Canvas 绘制 1080px 宽的大字路线图，保存后直接发家庭群，爸妈不用戴老花镜戳小字；- ＋ 自定义景点：可以添加自己的站点，数据自动保存在本地。
它解决什么假期问题
- 攻略不说“脚力成本”→ 路线卡把每一段步行距离、时间、台阶情况摆在明面上；
- 行程排太满 → 一键切“爸妈步速”，按长辈体力重算全程，主动做减法；
- 爸妈不看手机 App → 大字版图片直接发到微信家庭群，点开就能看。
在线体验：TraeWork - AI 办公平台 | 自动生成PPT/数据分析/深度调研/文档撰写
另附一份可离线打开的单文件版（点击直接体验）：省脚力路线卡 · 单文件版
作品截图
手机端首屏
路线时间轴：每段走多远、在哪歇、有没有台阶
一键导出大字版：1080px 宽，直接发家庭群
桌面端
创作过程
- 先在活动帖评论区把原评论的每一条愿望拆成功能点（步行时间 / 休息点 / 厕所 / 台阶 / 跳过 / 大字版导出），确保“出题人要的”一个不落；
- 用 TraeCode 起项目：先做路线数据结构和时间轴卡片，再加快步速开关与跳过逻辑，最后攻坚 Canvas 大字版导出图（动态计算高度、中文自动换行）；
- 反复用手机视口自测：开关切换、跳过恢复、添加景点、刷新后数据不丢，逐一验证；
- 按中秋团圆氛围做的视觉：夜空圆月、灯笼、暖米色纸感底色。
最后
愿每一次团圆，都不赶时间。如果这个思路对你带家人出行有帮助，评论区聊聊你想加的路线，我继续更新。
中秋国庆VibeCoding #TraeCode
