【中秋国庆 VibeCoding】明算账｜和朋友出游谁该转给谁，一张图算清，还能发微信群

[u4474346028141228]

灵感来源：看到呼啦啦1819的许愿「极简的多人旅行AA记账本」（原评论： 【中秋国庆VibeCoding】你出题，我来做，用 TraeCode 做个节日小应用 - #12，来自 呼啦啦1819），「各种交叉垫付、事后算账非常混乱」这句直接戳中我——每次长假和朋友出去玩，回来对账的聊天记录都要翻半小时。当场认领，今天交付！

【这是什么】

《明算账》：一个极简的旅行AA记账本。你付房费、我垫油费、他买门票，各自随手记一笔，最后一张图告诉你谁该转给谁多少钱。

【三个核心体验】

1. 记一笔只要三下：金额+谁付的+谁参与了，完事
2. 结算极简图：成员头像用箭头连起来，A转给B多少一目了然，转账笔数还是最少的
3. 旅行贴纸分享卡：一键生成图片直接扔微信群，不用一个个@人对账

【细节】

1. 分摊三种模式：均摊/按份数（拼酒党福音）/某人不参与
2. 金额按分整数运算，一分钱都不会算错
3. 单文件零依赖，数据在本地，旅途中没信号照样记
4. 账单明细可导出CSV，JSON备份防丢失

【创作过程·TraeCode】

五轮迭代，每轮一个主题：

1. 数据与计算骨架：分存储、贪心结算、净额守恒
   
   
2. 极简手账风视觉：底部Tab+记一笔大按钮
   
   
3. 结算极简图：Canvas箭头债权图+三种分摊模式
   
   
4. 旅行贴纸分享卡+统计页+导出
   
   
5. 收尾：边界校验、引导、备份、性能
   
   

【成品展示】

• 记账画面
  
  
• 结算画面
  
  
• 统计画面
  
  
• 明细画面
  
  

【体验方式】

下载附件index.html (82.6 KB)，双击即用。

祝大家假期玩得开心，账算得清，感情不伤。