参考图中的营养健康管理APP界面风格，设计一个自制食谱管理与营… - 图片创意预览

参考图中的营养健康管理APP界面风格，设计一个自制食谱管理与营…

参考图中的营养健康管理APP界面风格，设计一个自制食谱管理与营养分析的手机UI界面，保持相同的蓝色医疗健康风格、顶部导航栏、底部tab栏（首页、营养分析、健康发现、我的）和卡片式布局。界面顶部标题为"

用户头像

1q5brjneeng...

2026.08.18

将这张食谱管理APP界面图片变得更加清晰，提升分辨率和画质，保持所有文字、图标、布局和颜色完全不变，增强细节锐度，让界面元素更清晰锐利

将这张食谱管理APP界面图片变得更加清晰，提升分辨率和画质，保持所有文字、图标、布局和颜色完全不变，增强细节锐度，让界面元素更清晰锐利

1q5brjneengrk3p6-HB

校园餐健康管理与营养推荐软件UI界面，完全按照参考图的排版风格设计，手机竖屏9:16比例。顶部导航栏，标题"营养健康管理"，左侧返回，右侧日期选择。下方Tab切换标签（营养分析/食材摄入/营养推荐）。主体内容：顶部今日营养摄入总览卡片，显示热量、蛋白质、脂肪、碳水化合物、维生素、矿物质等核心指标，每项有实际摄入量/推荐摄入量对比进度条。中间营养指标分析环形图，展示各营养素占比和达标情况。下方食材种类摄入量列表，卡片式布局，按谷薯类、蔬菜水果类、畜禽鱼蛋奶类、大豆坚果类、油脂盐类分类，每项显示实际摄入量、推荐量、达标状态。底部有营养推荐建议卡片，给出个性化饮食建议。整体蓝色商务风格，与参考图排版完全一致，数据可视化丰富，高保真UI

校园餐健康管理与营养推荐软件UI界面，完全按照参考图的排版风格设计，手机竖屏9:16比例。顶部导航栏，标题"营养健康管理"，左侧返回，右侧日期选择。下方Tab切换标签（营养分析/食材摄入/营养推荐）。主体内容：顶部今日营养摄入总览卡片，显示热量、蛋白质、脂肪、碳水化合物、维生素、矿物质等核心指标，每项有实际摄入量/推荐摄入量对比进度条。中间营养指标分析环形图，展示各营养素占比和达标情况。下方食材种类摄入量列表，卡片式布局，按谷薯类、蔬菜水果类、畜禽鱼蛋奶类、大豆坚果类、油脂盐类分类，每项显示实际摄入量、推荐量、达标状态。底部有营养推荐建议卡片，给出个性化饮食建议。整体蓝色商务风格，与参考图排版完全一致，数据可视化丰富，高保真UI

校园餐健康管理与营养推荐软件UI界面，完全按照参考图的排版风格设计，手机竖屏9:16比例。顶部导航栏，标题"营养健康管理"，左侧返回，右侧日期选择。下方Tab切换标签（营养分析/食材摄入/营养推荐）。主体内容：顶部今日营养摄入总览卡片，显示热量、蛋白质、脂肪、碳水化合物、维生素、矿物质等核心指标，每项有实际摄入量/推荐摄入量对比进度条。中间营养指标分析环形图，展示各营养素占比和达标情况。下方食材种类摄入量列表，卡片式布局，按谷薯类、蔬菜水果类、畜禽鱼蛋奶类、大豆坚果类、油脂盐类分类，每项显示实际摄入量、推荐量、达标状态。底部有营养推荐建议卡片，给出个性化饮食建议。整体蓝色商务风格，与参考图排版完全一致，数据可视化丰富，高保真UI

校园餐健康管理与营养推荐软件UI界面，完全按照参考图的排版风格设计，手机竖屏9:16比例。顶部导航栏，标题"营养健康管理"，左侧返回，右侧日期选择。下方Tab切换标签（营养分析/食材摄入/营养推荐）。主体内容：顶部今日营养摄入总览卡片，显示热量、蛋白质、脂肪、碳水化合物、维生素、矿物质等核心指标，每项有实际摄入量/推荐摄入量对比进度条。中间营养指标分析环形图，展示各营养素占比和达标情况。下方食材种类摄入量列表，卡片式布局，按谷薯类、蔬菜水果类、畜禽鱼蛋奶类、大豆坚果类、油脂盐类分类，每项显示实际摄入量、推荐量、达标状态。底部有营养推荐建议卡片，给出个性化饮食建议。整体蓝色商务风格，与参考图排版完全一致，数据可视化丰富，高保真UI

校园餐校级管理移动端UI界面设计，健康管理与营养推荐页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"营养健康管理"，左侧返回箭头，右侧设置图标，导航栏下方为白色圆角卡片内容区域，第一部分为"营养概览"标题，显示今日营养摄入环形进度图，包含热量（千卡）、蛋白质（克）、脂肪（克）、碳水化合物（克）、维生素（毫克）、矿物质（毫克）六项指标，每项显示摄入量和达标百分比，进度条用不同颜色区分，第二部分为"食材摄入分析"标题，显示食材分类摄入量柱状图或列表，包含谷薯类、蔬菜水果类、畜禽肉蛋类、大豆坚果类、油脂类五大类，每类显示实际摄入量/推荐摄入量，带对应食材图标，第三部分为"营养推荐"标题，显示AI智能推荐卡片，如"今日建议增加蔬菜摄入，推荐添加西兰花、菠菜等绿叶蔬菜"，带灯泡图标，底部蓝色圆角"查看详细报告"按钮，底部Tab导航栏（首页/Management/数据/设置图标），整体蓝色主色调，白色卡片背景，圆角设计，与之前页面排版风格完全一致

校园餐校级管理移动端UI界面设计，健康管理与营养推荐页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"营养健康管理"，左侧返回箭头，右侧设置图标，导航栏下方为白色圆角卡片内容区域，第一部分为"营养概览"标题，显示今日营养摄入环形进度图，包含热量（千卡）、蛋白质（克）、脂肪（克）、碳水化合物（克）、维生素（毫克）、矿物质（毫克）六项指标，每项显示摄入量和达标百分比，进度条用不同颜色区分，第二部分为"食材摄入分析"标题，显示食材分类摄入量柱状图或列表，包含谷薯类、蔬菜水果类、畜禽肉蛋类、大豆坚果类、油脂类五大类，每类显示实际摄入量/推荐摄入量，带对应食材图标，第三部分为"营养推荐"标题，显示AI智能推荐卡片，如"今日建议增加蔬菜摄入，推荐添加西兰花、菠菜等绿叶蔬菜"，带灯泡图标，底部蓝色圆角"查看详细报告"按钮，底部Tab导航栏（首页/Management/数据/设置图标），整体蓝色主色调，白色卡片背景，圆角设计，与之前页面排版风格完全一致

1q5brjneengrk3p6-HB

校园餐校级管理移动端UI界面设计，自主食谱制定与营养分析页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"食谱管理"，左侧返回箭头，右侧保存图标，导航栏下方为白色圆角卡片内容区域，第一部分为"食谱基本信息"标题，包含食谱名称输入框（带书本图标）、适用餐次选择（早餐/午餐/晚餐，带餐具图标）、适用人群选择（学生/教师/全体，带用户图标）、制定日期选择器（带日历图标），第二部分为"食谱菜品列表"标题，显示已添加菜品列表，每项带菜品名称、份量、加号添加按钮，如"红烧肉 200g""清炒时蔬 150g""米饭 100g"，底部有"+ 添加菜品"按钮，第三部分为"营养分析结果"标题，显示营养成分数据：热量、蛋白质、脂肪、碳水、钠含量，每项带数值和参考值对比，第四部分为"健康预警"标题，红色预警卡片显示"⚠️ 高油预警：本食谱脂肪含量超标35%，建议减少油炸类菜品"，橙色预警显示"⚠️ 高盐预警：钠含量超标20%，建议减少酱油和盐的使用量"，底部蓝色圆角"保存并生成报告"按钮，底部Tab导航栏（首页/Management/数据/设置图标），整体蓝色主色调，白色卡片背景，圆角设计，与之前页面排版风格完全一致

校园餐校级管理移动端UI界面设计，自主食谱制定与营养分析页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"食谱管理"，左侧返回箭头，右侧保存图标，导航栏下方为白色圆角卡片内容区域，第一部分为"食谱基本信息"标题，包含食谱名称输入框（带书本图标）、适用餐次选择（早餐/午餐/晚餐，带餐具图标）、适用人群选择（学生/教师/全体，带用户图标）、制定日期选择器（带日历图标），第二部分为"食谱菜品列表"标题，显示已添加菜品列表，每项带菜品名称、份量、加号添加按钮，如"红烧肉 200g""清炒时蔬 150g""米饭 100g"，底部有"+ 添加菜品"按钮，第三部分为"营养分析结果"标题，显示营养成分数据：热量、蛋白质、脂肪、碳水、钠含量，每项带数值和参考值对比，第四部分为"健康预警"标题，红色预警卡片显示"⚠️ 高油预警：本食谱脂肪含量超标35%，建议减少油炸类菜品"，橙色预警显示"⚠️ 高盐预警：钠含量超标20%，建议减少酱油和盐的使用量"，底部蓝色圆角"保存并生成报告"按钮，底部Tab导航栏（首页/Management/数据/设置图标），整体蓝色主色调，白色卡片背景，圆角设计，与之前页面排版风格完全一致

1q5brjneengrk3p6-HB

校园餐阳光公示小程序食谱页面UI设计，手机竖屏9:16比例，长方形直角外体框架风格。顶部小程序导航栏，标题"每周食谱公示"，左侧返回，右侧分享。下方日期周选择栏（周一到周日横向切换），当前选中当天高亮。主体内容按餐次分块展示：早餐、午餐、晚餐，每个餐次一个长方形卡片。卡片内展示菜品名称列表，每个菜品带小图标和营养标签（如高蛋白、补钙、维生素等），部分菜品配缩略图。卡片底部显示餐次价格和营养成分概览（热量、蛋白质、脂肪等）。整体采用清新绿色+白色阳光公示风格，方正矩形设计，简洁明了，小程序高保真UI

校园餐阳光公示小程序食谱页面UI设计，手机竖屏9:16比例，长方形直角外体框架风格。顶部小程序导航栏，标题"每周食谱公示"，左侧返回，右侧分享。下方日期周选择栏（周一到周日横向切换），当前选中当天高亮。主体内容按餐次分块展示：早餐、午餐、晚餐，每个餐次一个长方形卡片。卡片内展示菜品名称列表，每个菜品带小图标和营养标签（如高蛋白、补钙、维生素等），部分菜品配缩略图。卡片底部显示餐次价格和营养成分概览（热量、蛋白质、脂肪等）。整体采用清新绿色+白色阳光公示风格，方正矩形设计，简洁明了，小程序高保真UI

校园餐校级管理移动端UI界面设计，智慧预算采购计划生成页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"智慧预算"，左侧返回箭头，右侧历史记录图标，导航栏下方为白色圆角卡片内容区域，第一部分为"预算参数设置"标题，包含预算日期选择器（带日历图标）、所属食堂下拉选择（带建筑图标）、餐次选择（早餐/午餐/晚餐/全天，带餐具图标）、预计就餐人数输入框（带用户图标，提示文字"请输入预计就餐人数"）、人均摄入量标准选择（带天平图标，标准/营养/定制）、预算类型下拉选择（日预算/周预算/月预算，带图表图标），第二部分为"智能生成结果"标题，显示自动生成的采购计划单，包含食材分类列表（蔬菜类/肉类/粮油类/调料类），每类显示食材名称、预估用量、单位，如"大白菜 50kg""猪肉 30kg""大米 80kg"，列表项带食材图标，底部有"AI智能生成"标识和计算说明，底部蓝色圆角"生成采购计划单"按钮，底部Tab导航栏（首页/Management/数据/设置图标），整体蓝色主色调，白色卡片背景，圆角设计，与之前页面排版风格完全一致

校园餐校级管理移动端UI界面设计，智慧预算采购计划生成页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"智慧预算"，左侧返回箭头，右侧历史记录图标，导航栏下方为白色圆角卡片内容区域，第一部分为"预算参数设置"标题，包含预算日期选择器（带日历图标）、所属食堂下拉选择（带建筑图标）、餐次选择（早餐/午餐/晚餐/全天，带餐具图标）、预计就餐人数输入框（带用户图标，提示文字"请输入预计就餐人数"）、人均摄入量标准选择（带天平图标，标准/营养/定制）、预算类型下拉选择（日预算/周预算/月预算，带图表图标），第二部分为"智能生成结果"标题，显示自动生成的采购计划单，包含食材分类列表（蔬菜类/肉类/粮油类/调料类），每类显示食材名称、预估用量、单位，如"大白菜 50kg""猪肉 30kg""大米 80kg"，列表项带食材图标，底部有"AI智能生成"标识和计算说明，底部蓝色圆角"生成采购计划单"按钮，底部Tab导航栏（首页/Management/数据/设置图标），整体蓝色主色调，白色卡片背景，圆角设计，与之前页面排版风格完全一致

1q5brjneengrk3p6-HB

校园餐校级管理移动端UI界面设计，智慧预算采购计划生成页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"智慧预算"，左侧返回箭头，右侧历史记录图标，导航栏下方为白色圆角卡片内容区域，第一部分为"预算参数设置"标题，包含预算日期选择器（带日历图标）、所属食堂下拉选择（带建筑图标）、餐次选择（早餐/午餐/晚餐/全天，带餐具图标）、预计就餐人数输入框（带用户图标，提示文字"请输入预计就餐人数"）、人均摄入量标准选择（带天平图标，标准/营养/定制）、预算类型下拉选择（日预算/周预算/月预算，带图表图标），第二部分为"智能生成结果"标题，显示自动生成的采购计划单，包含食材分类列表（蔬菜类/肉类/粮油类/调料类），每类显示食材名称、预估用量、单位，如"大白菜 50kg""猪肉 30kg""大米 80kg"，列表项带食材图标，底部有"AI智能生成"标识和计算说明，底部蓝色圆角"生成采购计划单"按钮，底部Tab导航栏（首页/Management/数据/设置图标），整体蓝色主色调，白色卡片背景，圆角设计，与之前页面排版风格完全一致

校园餐校级管理移动端UI界面设计，智慧预算采购计划生成页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"智慧预算"，左侧返回箭头，右侧历史记录图标，导航栏下方为白色圆角卡片内容区域，第一部分为"预算参数设置"标题，包含预算日期选择器（带日历图标）、所属食堂下拉选择（带建筑图标）、餐次选择（早餐/午餐/晚餐/全天，带餐具图标）、预计就餐人数输入框（带用户图标，提示文字"请输入预计就餐人数"）、人均摄入量标准选择（带天平图标，标准/营养/定制）、预算类型下拉选择（日预算/周预算/月预算，带图表图标），第二部分为"智能生成结果"标题，显示自动生成的采购计划单，包含食材分类列表（蔬菜类/肉类/粮油类/调料类），每类显示食材名称、预估用量、单位，如"大白菜 50kg""猪肉 30kg""大米 80kg"，列表项带食材图标，底部有"AI智能生成"标识和计算说明，底部蓝色圆角"生成采购计划单"按钮，底部Tab导航栏（首页/Management/数据/设置图标），整体蓝色主色调，白色卡片背景，圆角设计，与之前页面排版风格完全一致

1q5brjneengrk3p6-HB

校园餐校级管理移动端UI界面设计，每日就餐信息（照片）管理页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"每日就餐信息"，左侧返回箭头，右侧保存按钮，导航栏下方为白色圆角卡片内容区域，第一部分为"就餐信息录入"标题，包含日期选择器（带日历图标，显示当天日期）、所属食堂下拉选择（带建筑图标）、餐次选择（早餐/午餐/晚餐，带餐具图标）、就餐人数输入框（带用户图标）、实际用餐人数输入框（带人群图标）、剩余餐食数量输入框（带饭盒图标）、餐费标准输入框（带钱币图标），第二部分为"现场照片上传"标题，包含就餐现场照片上传区域（带加号图标和"上传就餐现场照片"提示）、餐食留样照片上传区域（带加号图标和"上传餐食留样照片"提示）、食堂环境照片上传区域（带加号图标和"上传食堂环境照片"提示），底部蓝色圆角"确认提交"按钮，底部Tab导航栏（首页/Management/数据/设置图标），整体蓝色主色调，白色卡片背景，圆角设计，与之前页面排版风格完全一致

校园餐校级管理移动端UI界面设计，每日就餐信息（照片）管理页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"每日就餐信息"，左侧返回箭头，右侧保存按钮，导航栏下方为白色圆角卡片内容区域，第一部分为"就餐信息录入"标题，包含日期选择器（带日历图标，显示当天日期）、所属食堂下拉选择（带建筑图标）、餐次选择（早餐/午餐/晚餐，带餐具图标）、就餐人数输入框（带用户图标）、实际用餐人数输入框（带人群图标）、剩余餐食数量输入框（带饭盒图标）、餐费标准输入框（带钱币图标），第二部分为"现场照片上传"标题，包含就餐现场照片上传区域（带加号图标和"上传就餐现场照片"提示）、餐食留样照片上传区域（带加号图标和"上传餐食留样照片"提示）、食堂环境照片上传区域（带加号图标和"上传食堂环境照片"提示），底部蓝色圆角"确认提交"按钮，底部Tab导航栏（首页/Management/数据/设置图标），整体蓝色主色调，白色卡片背景，圆角设计，与之前页面排版风格完全一致

1q5brjneengrk3p6-HB

将界面中的"每日就餐信息及照片"文字修改为"每日就餐信息"，其他所有内容、布局和风格保持不变

将界面中的"每日就餐信息及照片"文字修改为"每日就餐信息"，其他所有内容、布局和风格保持不变

将界面中的"从人员信息及照片"文字修改为"人员信息"，其他所有内容和布局保持不变

将界面中的"从人员信息及照片"文字修改为"人员信息"，其他所有内容和布局保持不变

删除界面中所有的卫生评价相关内容，然后重新排版布局，保持整体设计风格不变，使界面布局协调美观

删除界面中所有的卫生评价相关内容，然后重新排版布局，保持整体设计风格不变，使界面布局协调美观

校园餐校级管理移动端UI界面设计，数据同步管理页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"数据同步"，左侧返回箭头，右侧设置图标，导航栏下方为白色圆角卡片内容区域，第一部分为"同步状态概览"标题，显示大型同步状态图标和文字"数据已同步"，上次同步时间"2026-08-20 10:05:32"，同步进度条显示100%，下方显示三个终端设备卡片：PC端（电脑图标，在线/已同步）、移动端（手机图标，当前设备/已同步）、小程序（小程序图标，在线/已同步），每个卡片右侧有绿色对勾状态标识，第二部分为"同步数据项管理"标题，显示可同步的数据项列表，每项带开关按钮，包括：食堂基础信息（开启）、供货商信息（开启）、人员信息（开启）、每日就餐信息（开启）、陪餐记录（开启）、食谱营养数据（开启）、采购订单数据（开启）、财务报表数据（开启），第三部分为"同步设置"标题，包含同步模式选择（自动同步/手动同步，带刷新图标）、同步频率设置（实时/每小时/每天，带时钟图标）、流量同步开关（仅WiFi下同步，带WiFi图标），底部蓝色圆角"立即同步所有数据"按钮，底部Tab导航栏（首页/Management/数据/设置图标），整体蓝色主色调，白色卡片背景，圆角设计，与之前页面排版风格完全一致

校园餐校级管理移动端UI界面设计，数据同步管理页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"数据同步"，左侧返回箭头，右侧设置图标，导航栏下方为白色圆角卡片内容区域，第一部分为"同步状态概览"标题，显示大型同步状态图标和文字"数据已同步"，上次同步时间"2026-08-20 10:05:32"，同步进度条显示100%，下方显示三个终端设备卡片：PC端（电脑图标，在线/已同步）、移动端（手机图标，当前设备/已同步）、小程序（小程序图标，在线/已同步），每个卡片右侧有绿色对勾状态标识，第二部分为"同步数据项管理"标题，显示可同步的数据项列表，每项带开关按钮，包括：食堂基础信息（开启）、供货商信息（开启）、人员信息（开启）、每日就餐信息（开启）、陪餐记录（开启）、食谱营养数据（开启）、采购订单数据（开启）、财务报表数据（开启），第三部分为"同步设置"标题，包含同步模式选择（自动同步/手动同步，带刷新图标）、同步频率设置（实时/每小时/每天，带时钟图标）、流量同步开关（仅WiFi下同步，带WiFi图标），底部蓝色圆角"立即同步所有数据"按钮，底部Tab导航栏（首页/Management/数据/设置图标），整体蓝色主色调，白色卡片背景，圆角设计，与之前页面排版风格完全一致

1q5brjneengrk3p6-HB

将界面中的"陪餐信息及照片"文字修改为"陪餐信息"，其他所有内容、布局和风格保持不变

将界面中的"陪餐信息及照片"文字修改为"陪餐信息"，其他所有内容、布局和风格保持不变

非营养餐饭菜价格管理UI界面设计，参考图例的蓝紫色渐变简约风格，顶部标题栏显示“非营养餐饭菜价格”，左上角有分类筛选标签（主食/热菜/凉菜/汤品/饮品/小吃），顶部搜索栏支持菜品名称搜索，中间区域为菜品价格列表，每行展示菜品图片缩略图、菜品名称、菜品分类、原价、现价、库存状态、上下架状态，右侧有编辑和删除操作按钮，底部有新增菜品按钮和批量操作功能，整体采用蓝紫色系配色，毛玻璃质感卡片，简洁现代的UI设计风格，高保真界面原型，移动端竖屏布局

非营养餐饭菜价格管理UI界面设计，参考图例的蓝紫色渐变简约风格，顶部标题栏显示“非营养餐饭菜价格”，左上角有分类筛选标签（主食/热菜/凉菜/汤品/饮品/小吃），顶部搜索栏支持菜品名称搜索，中间区域为菜品价格列表，每行展示菜品图片缩略图、菜品名称、菜品分类、原价、现价、库存状态、上下架状态，右侧有编辑和删除操作按钮，底部有新增菜品按钮和批量操作功能，整体采用蓝紫色系配色，毛玻璃质感卡片，简洁现代的UI设计风格，高保真界面原型，移动端竖屏布局

1q5brjneengrk3p6-HB

校园餐校级管理移动端UI界面设计，陪餐信息（照片）管理页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"陪餐信息管理"，左侧返回箭头，右侧保存按钮，导航栏下方为白色圆角卡片内容区域，第一部分为"陪餐信息录入"标题，包含陪餐日期选择器（带日历图标）、所属食堂下拉选择（带建筑图标）、餐次选择（早餐/午餐/晚餐，带餐具图标）、陪餐人员姓名输入框（带用户图标）、陪餐人员职务输入框（带工牌图标）、陪餐人员联系电话输入框（带电话图标）、陪餐评价下拉选择（优秀/良好/一般/较差，带星星图标）、陪餐意见多行文本输入框（带文档图标，提示文字"请输入陪餐意见和建议..."），第二部分为"陪餐照片上传"标题，包含陪餐人员现场照片上传区域（带加号图标和"上传陪餐现场照片"提示）、餐食照片上传区域（带加号图标和"上传陪餐餐食照片"提示）、陪餐记录签字上传区域（带加号图标和"上传签字确认照片"提示），底部蓝色圆角"确认提交"按钮，底部Tab导航栏（首页/Management/数据/设置图标），整体蓝色主色调，白色卡片背景，圆角设计，与之前页面排版风格完全一致

校园餐校级管理移动端UI界面设计，陪餐信息（照片）管理页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"陪餐信息管理"，左侧返回箭头，右侧保存按钮，导航栏下方为白色圆角卡片内容区域，第一部分为"陪餐信息录入"标题，包含陪餐日期选择器（带日历图标）、所属食堂下拉选择（带建筑图标）、餐次选择（早餐/午餐/晚餐，带餐具图标）、陪餐人员姓名输入框（带用户图标）、陪餐人员职务输入框（带工牌图标）、陪餐人员联系电话输入框（带电话图标）、陪餐评价下拉选择（优秀/良好/一般/较差，带星星图标）、陪餐意见多行文本输入框（带文档图标，提示文字"请输入陪餐意见和建议..."），第二部分为"陪餐照片上传"标题，包含陪餐人员现场照片上传区域（带加号图标和"上传陪餐现场照片"提示）、餐食照片上传区域（带加号图标和"上传陪餐餐食照片"提示）、陪餐记录签字上传区域（带加号图标和"上传签字确认照片"提示），底部蓝色圆角"确认提交"按钮，底部Tab导航栏（首页/Management/数据/设置图标），整体蓝色主色调，白色卡片背景，圆角设计，与之前页面排版风格完全一致

1q5brjneengrk3p6-HB

图生图局部编辑：将画面左下角手腕处可见的针织毛衣袖口布料抹除，手腕区域改为干净的肤色手腕，像自然没有穿长袖一样；其余部分包括手机、屏幕内容、背景、构图、光线、色调均保持原样。

图生图局部编辑：将画面左下角手腕处可见的针织毛衣袖口布料抹除，手腕区域改为干净的肤色手腕，像自然没有穿长袖一样；其余部分包括手机、屏幕内容、背景、构图、光线、色调均保持原样。

Ragana在杭州

校园餐校级管理移动端小程序每日就餐信息及照片UI界面，完全按照参考图的排版风格设计，手机竖屏9:16比例。顶部导航栏，标题"每日就餐信息及照片"，左侧返回，右侧日期选择按钮。下方餐次切换标签（早餐/午餐/晚餐）。主体内容为就餐信息卡片列表，每张卡片顶部显示食堂名称和就餐时间，中间左侧为就餐现场照片缩略图（学生就餐实拍图），右侧显示就餐人数（教师人数/学生人数）、就餐率、剩餐情况、异常说明。卡片底部有查看照片、编辑、上报三个操作按钮。底部有今日就餐汇总数据条。底部Tab导航栏：首页、就餐管理、食堂管理、数据上报、我的。整体蓝色商务风格，与参考图排版完全一致，简洁专业的管理端小程序设计，高保真UI

校园餐校级管理移动端小程序每日就餐信息及照片UI界面，完全按照参考图的排版风格设计，手机竖屏9:16比例。顶部导航栏，标题"每日就餐信息及照片"，左侧返回，右侧日期选择按钮。下方餐次切换标签（早餐/午餐/晚餐）。主体内容为就餐信息卡片列表，每张卡片顶部显示食堂名称和就餐时间，中间左侧为就餐现场照片缩略图（学生就餐实拍图），右侧显示就餐人数（教师人数/学生人数）、就餐率、剩餐情况、异常说明。卡片底部有查看照片、编辑、上报三个操作按钮。底部有今日就餐汇总数据条。底部Tab导航栏：首页、就餐管理、食堂管理、数据上报、我的。整体蓝色商务风格，与参考图排版完全一致，简洁专业的管理端小程序设计，高保真UI

校园餐校级管理移动端小程序陪餐信息及照片管理UI界面，完全按照参考图的排版风格设计，手机竖屏9:16比例。顶部导航栏，标题"陪餐信息及照片"，左侧返回，右侧添加按钮。下方日期选择和餐次筛选标签（全部/早餐/午餐/晚餐）。主体内容为陪餐信息卡片列表，每张卡片顶部显示陪餐日期、餐次和陪餐人姓名及职务，中间左侧为陪餐现场照片缩略图，右侧显示陪餐食堂、菜品评价星级、卫生评价、总体评价、问题反馈。卡片底部有查看照片、编辑详情、上报三个操作按钮。底部Tab导航栏：首页、陪餐管理、食堂管理、数据上报、我的。整体蓝色商务风格，与参考图排版完全一致，简洁专业的管理端小程序设计，高保真UI

校园餐校级管理移动端小程序陪餐信息及照片管理UI界面，完全按照参考图的排版风格设计，手机竖屏9:16比例。顶部导航栏，标题"陪餐信息及照片"，左侧返回，右侧添加按钮。下方日期选择和餐次筛选标签（全部/早餐/午餐/晚餐）。主体内容为陪餐信息卡片列表，每张卡片顶部显示陪餐日期、餐次和陪餐人姓名及职务，中间左侧为陪餐现场照片缩略图，右侧显示陪餐食堂、菜品评价星级、卫生评价、总体评价、问题反馈。卡片底部有查看照片、编辑详情、上报三个操作按钮。底部Tab导航栏：首页、陪餐管理、食堂管理、数据上报、我的。整体蓝色商务风格，与参考图排版完全一致，简洁专业的管理端小程序设计，高保真UI

校园餐校级管理移动端UI界面设计，PC端与智能电子秤数据同步管理页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"设备数据同步"，左侧返回箭头，右侧设置图标，导航栏下方为白色圆角卡片内容区域，第一部分为"同步状态概览"标题，显示大型同步状态图标和文字"数据实时同步中"，上次同步时间"2026-08-20 10:08:15"，同步进度条显示100%，下方显示三个终端设备卡片：PC端（电脑图标，在线/已同步）、智能电子秤1号（秤的图标，食堂一/已连接/已同步）、智能电子秤2号（秤的图标，食堂二/已连接/同步中98%），每个卡片右侧有绿色对勾或进度环状态标识，第二部分为"电子秤称重数据"标题，显示今日称重记录列表，每项包含食材名称、重量、称重时间、所属食堂，如"大白菜 25.6kg 09:30 第一食堂""猪肉 18.2kg 09:32 第一食堂""大米 50.0kg 09:35 第二食堂"，每行带称重图标，第三部分为"同步设置"标题，包含设备管理（带蓝牙图标，管理已配对电子秤）、自动同步开关（开启，带刷新图标）、称重数据自动上传（开启，带上传图标）、异常数据预警（开启，带警告图标）、数据校准（带校准图标，点击校准电子秤），底部蓝色圆角"手动同步称重数据"按钮，底部Tab导航栏（首页/Management/数据/设置图标），整体蓝色主色调，白色卡片背景，圆角设计，与之前页面排版风格完全一致

校园餐校级管理移动端UI界面设计，PC端与智能电子秤数据同步管理页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"设备数据同步"，左侧返回箭头，右侧设置图标，导航栏下方为白色圆角卡片内容区域，第一部分为"同步状态概览"标题，显示大型同步状态图标和文字"数据实时同步中"，上次同步时间"2026-08-20 10:08:15"，同步进度条显示100%，下方显示三个终端设备卡片：PC端（电脑图标，在线/已同步）、智能电子秤1号（秤的图标，食堂一/已连接/已同步）、智能电子秤2号（秤的图标，食堂二/已连接/同步中98%），每个卡片右侧有绿色对勾或进度环状态标识，第二部分为"电子秤称重数据"标题，显示今日称重记录列表，每项包含食材名称、重量、称重时间、所属食堂，如"大白菜 25.6kg 09:30 第一食堂""猪肉 18.2kg 09:32 第一食堂""大米 50.0kg 09:35 第二食堂"，每行带称重图标，第三部分为"同步设置"标题，包含设备管理（带蓝牙图标，管理已配对电子秤）、自动同步开关（开启，带刷新图标）、称重数据自动上传（开启，带上传图标）、异常数据预警（开启，带警告图标）、数据校准（带校准图标，点击校准电子秤），底部蓝色圆角"手动同步称重数据"按钮，底部Tab导航栏（首页/Management/数据/设置图标），整体蓝色主色调，白色卡片背景，圆角设计，与之前页面排版风格完全一致

1q5brjneengrk3p6-HB

校园餐校级管理移动端小程序从业人员信息管理UI界面，完全按照参考图的排版风格设计，手机竖屏9:16比例。顶部导航栏，标题"从业人员信息管理"，左侧返回，右侧添加按钮。下方搜索栏和筛选标签（全部/在职/离职/健康证到期）。主体内容为从业人员信息列表，卡片式布局，每张卡片左侧头像，右侧显示姓名、工号、岗位（厨师/服务员/保洁/管理员）、所属食堂、联系电话、健康证状态（正常/即将到期/已过期，用不同颜色标签），底部有编辑、查看详情、上传证件三个操作按钮。底部Tab导航栏：首页、人员管理、食堂管理、数据上报、我的。整体蓝色商务风格，与参考图排版完全一致，简洁专业的管理端小程序设计，高保真UI

校园餐校级管理移动端小程序从业人员信息管理UI界面，完全按照参考图的排版风格设计，手机竖屏9:16比例。顶部导航栏，标题"从业人员信息管理"，左侧返回，右侧添加按钮。下方搜索栏和筛选标签（全部/在职/离职/健康证到期）。主体内容为从业人员信息列表，卡片式布局，每张卡片左侧头像，右侧显示姓名、工号、岗位（厨师/服务员/保洁/管理员）、所属食堂、联系电话、健康证状态（正常/即将到期/已过期，用不同颜色标签），底部有编辑、查看详情、上传证件三个操作按钮。底部Tab导航栏：首页、人员管理、食堂管理、数据上报、我的。整体蓝色商务风格，与参考图排版完全一致，简洁专业的管理端小程序设计，高保真UI

参考图例的UI设计风格，生成小程序端数据同步界面，竖版9:16手机比例。界面顶部为蓝色导航栏，左侧有返回箭头，中间标题为"数据同步"，右侧显示同步状态按钮。下方有三个标签页：同步设置、同步记录、设备管理，当前选中"同步设置"。主体区域从上到下依次排列四个白色圆角卡片模块：1.多端同步概览模块，展示PC端和智能电子秤两个设备图标，均显示在线、已同步状态及最后同步时间；2.同步数据类型模块，左右两列排列开关选项：采购订单、供货商信息、食材库、食谱数据、营养分析、库存数据、财务数据，全部为蓝色开启状态；3.同步设置模块，包含自动同步开关、仅WiFi下同步开关、同步频率下拉选择、同步提醒开关；4.上次同步记录模块，显示同步时间、同步数据量、同步状态成功（绿色）、耗时。整体采用浅紫到浅蓝渐变背景，卡片为白色圆角，UI风格简洁现代，与参考图例视觉风格完全一致，适配手机小程序竖屏布局。

参考图例的UI设计风格，生成小程序端数据同步界面，竖版9:16手机比例。界面顶部为蓝色导航栏，左侧有返回箭头，中间标题为"数据同步"，右侧显示同步状态按钮。下方有三个标签页：同步设置、同步记录、设备管理，当前选中"同步设置"。主体区域从上到下依次排列四个白色圆角卡片模块：1.多端同步概览模块，展示PC端和智能电子秤两个设备图标，均显示在线、已同步状态及最后同步时间；2.同步数据类型模块，左右两列排列开关选项：采购订单、供货商信息、食材库、食谱数据、营养分析、库存数据、财务数据，全部为蓝色开启状态；3.同步设置模块，包含自动同步开关、仅WiFi下同步开关、同步频率下拉选择、同步提醒开关；4.上次同步记录模块，显示同步时间、同步数据量、同步状态成功（绿色）、耗时。整体采用浅紫到浅蓝渐变背景，卡片为白色圆角，UI风格简洁现代，与参考图例视觉风格完全一致，适配手机小程序竖屏布局。

1q5brjneengrk3p6-HB

将图2的体重计划页面，改成图1的界面风格：采用浅绿色渐变顶部背景，白色圆角卡片模块布局，图标为扁平简约风格，按钮为绿色圆角矩形，整体UI风格清新简洁，和图1的农业服务APP界面设计语言保持一致。保留图2的所有功能模块：饮食方案、运动方案、测量血糖、产品使用、用药方案、学习计划，以及顶部标题“体重计划”和副标题“通过各项指标给您制定的专属计划”。

将图2的体重计划页面，改成图1的界面风格：采用浅绿色渐变顶部背景，白色圆角卡片模块布局，图标为扁平简约风格，按钮为绿色圆角矩形，整体UI风格清新简洁，和图1的农业服务APP界面设计语言保持一致。保留图2的所有功能模块：饮食方案、运动方案、测量血糖、产品使用、用药方案、学习计划，以及顶部标题“体重计划”和副标题“通过各项指标给您制定的专属计划”。

校园餐校级管理移动端UI界面设计，人员信息（照片）管理页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"人员信息管理"，左侧返回箭头，右侧保存按钮，导航栏下方为白色圆角卡片内容区域，第一部分为"基础信息录入"标题，包含姓名输入框（带用户图标）、工号输入框（带工牌图标）、所属食堂下拉选择（带建筑图标）、岗位类型下拉选择（厨师/服务员/管理员，带岗位图标）、联系电话输入框（带电话图标）、入职日期选择器（带日历图标）、健康证有效期选择器（带医疗图标），第二部分为"相关证件上传"标题，包含证件照片上传区域（带加号图标和"上传身份证照片"提示）、健康证照片上传区域（带加号图标和"上传健康证照片"提示）、人员头像上传区域（带加号图标和"上传个人照片"提示），底部蓝色圆角"确认提交"按钮，底部Tab导航栏（首页/Management/数据/设置图标），整体蓝色主色调，白色卡片背景，圆角设计，与之前食堂信息管理页面排版风格完全一致

校园餐校级管理移动端UI界面设计，人员信息（照片）管理页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"人员信息管理"，左侧返回箭头，右侧保存按钮，导航栏下方为白色圆角卡片内容区域，第一部分为"基础信息录入"标题，包含姓名输入框（带用户图标）、工号输入框（带工牌图标）、所属食堂下拉选择（带建筑图标）、岗位类型下拉选择（厨师/服务员/管理员，带岗位图标）、联系电话输入框（带电话图标）、入职日期选择器（带日历图标）、健康证有效期选择器（带医疗图标），第二部分为"相关证件上传"标题，包含证件照片上传区域（带加号图标和"上传身份证照片"提示）、健康证照片上传区域（带加号图标和"上传健康证照片"提示）、人员头像上传区域（带加号图标和"上传个人照片"提示），底部蓝色圆角"确认提交"按钮，底部Tab导航栏（首页/Management/数据/设置图标），整体蓝色主色调，白色卡片背景，圆角设计，与之前食堂信息管理页面排版风格完全一致

1q5brjneengrk3p6-HB

校园餐校级管理移动端UI界面设计，人员信息（照片）管理页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"人员信息管理"，左侧返回箭头，右侧保存按钮，导航栏下方为白色圆角卡片内容区域，第一部分为"基础信息录入"标题，包含姓名输入框（带用户图标）、工号输入框（带工牌图标）、所属食堂下拉选择（带建筑图标）、岗位类型下拉选择（厨师/服务员/管理员，带岗位图标）、联系电话输入框（带电话图标）、入职日期选择器（带日历图标）、健康证有效期选择器（带医疗图标），第二部分为"相关证件上传"标题，包含证件照片上传区域（带加号图标和"上传身份证照片"提示）、健康证照片上传区域（带加号图标和"上传健康证照片"提示）、人员头像上传区域（带加号图标和"上传个人照片"提示），底部蓝色圆角"确认提交"按钮，底部Tab导航栏（首页/Management/数据/设置图标），整体蓝色主色调，白色卡片背景，圆角设计，与之前食堂信息管理页面排版风格完全一致

校园餐校级管理移动端UI界面设计，人员信息（照片）管理页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"人员信息管理"，左侧返回箭头，右侧保存按钮，导航栏下方为白色圆角卡片内容区域，第一部分为"基础信息录入"标题，包含姓名输入框（带用户图标）、工号输入框（带工牌图标）、所属食堂下拉选择（带建筑图标）、岗位类型下拉选择（厨师/服务员/管理员，带岗位图标）、联系电话输入框（带电话图标）、入职日期选择器（带日历图标）、健康证有效期选择器（带医疗图标），第二部分为"相关证件上传"标题，包含证件照片上传区域（带加号图标和"上传身份证照片"提示）、健康证照片上传区域（带加号图标和"上传健康证照片"提示）、人员头像上传区域（带加号图标和"上传个人照片"提示），底部蓝色圆角"确认提交"按钮，底部Tab导航栏（首页/Management/数据/设置图标），整体蓝色主色调，白色卡片背景，圆角设计，与之前食堂信息管理页面排版风格完全一致

1q5brjneengrk3p6-HB