猪窝 v1.15.0:日程和财务工作台视觉重构与交互补全
猪窝在日程和财务三视图聚合的基础上完成一轮以真实数据为源的工作台重构:重排每日追踪、收支记录与会员订阅的布局层级,补齐趋势与分类视图,并把续订状态纳入可发布的数据字段。
猪窝 v1.15.0 延续 v1.14.0 的「日程和财务」聚合入口,重点完成三视图的视觉重构、信息密度调整和交互补全。业务数据仍来自原有数据文件;本次修改主要集中在页面结构、展示层和数据源字段。
三视图工作台
- 主视图以日历为核心,左侧聚合 KPI 与日历,右侧展示所选日期的支出、日程、睡眠、订阅和电费上下文;支出与日程默认显示三条,完整内容通过自定义气泡窗查看。
- 日历用支出、日程、订阅、睡眠状态点表达当天信息,订阅续费改用黄色圆点,当前日期改为红色日期文字;电费从日历格移入右侧详情区。
- 收支记录视图压缩信息密度,加入收入趋势、支出趋势、支出分类的金额 / 占比切换和最高支出分页,减少大块空白并让主要信息在更少的滚动中完成浏览。
- 会员订阅视图保留有效 / 过期 / 全部筛选,订阅列表按每页 10 条分页,并新增
willRenew续订开关;年度费用卡片移除,列表分页与标题同行显示。
数据与本地编辑
- 会员记录新增并统一使用
willRenew字段,当前开关在 localhost 通过 Vite 开发接口直接写回src/data/membership-data.ts,不再用浏览器localStorage覆盖源码。 - 可支配余额计算继续沿用真实收支数据,并扣除租房储蓄预留;月份、日期选择、收支记录、图表和订阅状态仍由原有数据源驱动。
- 补齐移动端布局:详情容器分层排列,减少标题与内容溢出,统一容器间距并保留桌面端暖米色工作台视觉。
发布验证
- Home 版本由
1.14.0升至1.15.0。 npm run build成功构建 21 个页面;git diff --check通过。
v1.15.1 补丁
- 在不改变日程和财务业务数据的前提下,补充猪窝侧边栏插图与暖色品牌配色。
- 品牌区改为整体居中,并移除桌面端右侧折叠按钮;移动端关闭入口保留。
- 主视图的「睡眠均值」改为按
#area/study、#area/dev、#area/research语义标签统计的「学习均值」,并为 8 月、9 月已有明确日程补充标签。
UI 设计图留档
以下为本次日程和财务三视图重构的三张成品 UI 留档:主视图、会员订阅视图、收支记录视图。