← 返回开发时间线

猪窝 v1.12.0:美食记录升级为厨房工作台四视图 + 菜谱结构化

猪窝把原来的「美食记录与做饭心得」入口升级为四视图厨房工作台:做菜记录 / 菜谱 / 食材存放甘特图 / 价格速查;同时按新模板把 21 篇做饭心得整理为 13 篇结构化菜谱,删除备菜处理与烘焙知识类内容,分类从「烹饪手法」改为「吃法/场合」。

猪窝 v1.12.0 把原先偏单薄的「美食记录与做饭心得」入口改造成四视图大工作台,并顺手把散乱的做饭心得升级成统一结构的菜谱库。视图切换沿用原 data-view 通用机制,新增视图无需改 JS 切换逻辑。

四视图工作台

  • 🍳 做菜记录:保留原有美食日历(月份导航、详情、月度统计/菜品排行/厨师排行、最近记录)。
  • 📖 菜谱:21 篇内容重新梳理为 13 篇结构化菜谱,删除 6 篇非菜谱内容(备菜处理 3 篇 + 烘焙知识 3 篇),煮饭/煮泡面/煮饺子合并为「简单主食」一篇。
  • 🧊 食材存放:上半部分为 18 天窗口的库存甘特图(今天列标「今」),色块表达紧急度——红=今天到期/已过期、黄=明后天到期、绿=安全,按紧急度排序并附统计徽章;下半部分为「存放周期参考卡」,5 类 19 项时长参考(取自 lifenotes 保鲜速查),入库时按参考卡默认时长填 days。库存数据在 src/data/food-pantry.ts,吃完就删对应条目。
  • 🏷️ 价格速查:按分类卡片展示日常买菜单价,首批 3 条真实记录(五花肉 16.9 元/斤、黄瓜 6 元/3 根、精瘦肉 5–6 元/餐量);数据在 src/data/food-prices.ts,8 个分类。

菜谱结构化

  • 内容分类从「烹饪手法」(炒菜/煎制/烹煮/烘焙/备菜/饮品)改为「吃法/场合」:主食 / 荤菜 / 汤羹 / 小吃夜宵 / 酱料蘸料 / 烘焙面点 / 饮品甜品(饮品甜品为收纳雪落青梅补充的第 8 类)。
  • 正文统一模板:## 食材(表格:食材/用量/备注,腌料料汁单独列行)+ ## 做法(统一编号)+ ## 小贴士(可无)。
  • content.config.ts 分类枚举收紧,误写新分类直接构建报错;顶部分类导航顺序同步更新。
  • 删除内容进 git 历史,可恢复;存放周期参考卡中的叶菜冷藏时长按生活习惯调为 2–3 天。

发布验证

  • Home 版本由 1.11.0 升至 1.12.0。
  • npm run build 成功构建 20 个页面;git diff --check 通过。
  • 发布提交:5483514 feat: 美食记录升级为厨房工作台四视图…、2718a25 chore: 发布 v1.12.0,已推送到 thebear617/pig-home 的 main。
  • 本地 dev 验证过红黄绿色块渲染;真实浏览器目检由用户后续进行。

UI 设计图留档

以下为厨房工作台四视图的 UI 留档:做菜记录(日历视图)、菜谱(结构化卡片)、食材存放(甘特图 + 周期参考卡)、价格速查。

猪窝 v1.12.0 厨房工作台 · 做菜记录 猪窝 v1.12.0 厨房工作台 · 菜谱 猪窝 v1.12.0 厨房工作台 · 食材存放 猪窝 v1.12.0 厨房工作台 · 价格速查