← 返回开发时间线

猪窝 v1.5.0:会员订阅 - 视觉与续费管理

猪窝 v1.5.0 将刚迁入的会员订阅从基础清单升级为适合持续查看和续费决策的独立页面:信息层级围绕费用、到期时间和服务身份重新组织,并同时完成桌面与手机端的专属适配。

2026-07-30

猪窝功能

猪窝 v1.5.0 将刚迁入的会员订阅从基础清单升级为适合持续查看和续费决策的独立页面:信息层级围绕费用、到期时间和服务身份重新组织,并同时完成桌面与手机端的专属适配。

续费管理界面

  • 顶部统计采用暖白、深棕与金橙色阶,四项费用和到期指标改用圆形浅底的 SVG 线框图标呈现。
  • 新增按到期年份汇总的费用卡片,并保留有效、过期、全部三个筛选视图,便于从当前续费状态切换到完整历史。
  • 桌面订阅清单明确拆分为服务名称、标签、备注、价格、到期状态五列;服务身份、用途和续费信息不再混在同一列中。

品牌素材与移动端

  • 将 WPS、Wink、CSDN、Claude、爱奇艺、B 站、MiniMax、京东、网易云音乐、迅雷等服务图标本地化,并为 ChatGPT、百度网盘和 OpenCode 补充指定标识。
  • OpenCode Go 系列统一归类为 AI,使用方框品牌标识;无明确品牌的条目仍保留语义图标作为 fallback。
  • 手机端改为 2×2 统计卡、三列年度费用卡和紧凑订阅卡片:名称与标签、备注、价格与到期状态分别占三行,避免五列信息被硬挤。
  • 根据真机页面复核重组订阅卡的信息归属:图标与名称、备注组成左侧容器,标签独立紧邻右侧,价格与到期状态收纳至底行;同时放大服务标识与文字,并将临期提示改为随状态着色的线形时钟。

稳定性修复与验证

  • 修复会员重构中误开的移动端媒体查询,恢复美食、地图、时间线和每日看板等后续模块在桌面端的正常样式加载。
  • npm run build 通过,会员图标均从本站 public/assets/membership/ 提供,不依赖外部 CDN。

UI 设计图留档

以下截图根据猪窝 v1.5.0 commit 7e80a9f 在本地打开「会员订阅」路由重建,用于记录订阅续费管理与多端视觉升级后的页面状态。

猪窝 v1.5.0 UI 重建截图