猪窝 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 留档:做菜记录(日历视图)、菜谱(结构化卡片)、食材存放(甘特图 + 周期参考卡)、价格速查。