← 返回开发时间线

猪窝 v1.4.0:生活记录 - 看板化、支出重构与订阅迁移

猪窝 v1.4.0 先完成美食日历与每日追踪的看板化,再将支出记录升级为可浏览的月度分析页面,并把原先由熊窝维护的会员订阅统一迁入猪窝,形成生活记录、消费记录与续费管理分工清晰的页面体系。

2026-07-29

猪窝架构

猪窝 v1.4.0 先完成美食日历与每日追踪的看板化,再将支出记录升级为可浏览的月度分析页面,并把原先由熊窝维护的会员订阅统一迁入猪窝,形成生活记录、消费记录与续费管理分工清晰的页面体系。

生活记录看板化

  • 美食日历在右侧增加本月统计、高频菜品与厨师排行三块看板;近期菜品改为可翻页浏览,并补充每道菜的消费与用时信息。
  • 每日追踪同步改为右侧三看板:本月概览、支出分类与盒马日;日历下方收纳水电摘要,并提供含电费余额的全宽展开详情。
  • 移除单独的水电追踪视图,将水电状态收回每日追踪,避免生活记录分散在多个入口。

支出记录重构

  • 分类明细改为全宽 3×3 宫格,每个分类保留分类总额与按页浏览的逐笔记录。
  • 支出趋势改为每日节点折线图;点击节点可查看当天逐笔消费,并通过浮层关闭按钮收起。
  • 分类占比提供柱状与圆环饼图两种视图,最高支出列表支持分页浏览。
  • 修正娱乐消费的数据归属,将桌游剧本和电影消费收敛到正确的顶层分类与二级分类。

会员订阅迁移

  • 新增独立 /membership/ 页面与侧栏入口,承接 31 条订阅记录。
  • 页面按有效、待补到期日与已过期分组,展示月均订阅、有效数量和 30 天内到期数量。
  • 迁移时移除账号信息及带令牌外链,避免在公开静态站中重复暴露敏感内容。

验证

  • npm run build 通过,生成 19 个静态路由(含会员订阅页)。

UI 设计图留档

以下截图根据猪窝 v1.4.0 commit 6015d78 在本地打开「每日看板」路由重建,用于记录生活记录看板化与订阅入口加入后的页面状态。

猪窝 v1.4.0 UI 重建截图