参考这张采购订单APP界面的蓝色风格、顶部导航栏样式、卡片布局、字体和圆角设计-1q5brjneengrk3p6-HB-稿定 AI

创意预览图

参考这张采购订单APP界面的蓝色风格、顶部导航栏样式、卡片布局、字体和圆角设计，生成一个"数据同步管理"的手机UI界面。顶部导航栏标题为"数据同步"，右侧有同步状态图标。三个tab改为"同步设置""同

用户头像

1q5brjneeng...

2026.08.18

删除这张数据同步界面底部的"立即同步"蓝色按钮，保持其他所有内容、布局、颜色、文字完全不变，底部tab栏正常显示。

删除这张数据同步界面底部的"立即同步"蓝色按钮，保持其他所有内容、布局、颜色、文字完全不变，底部tab栏正常显示。

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

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

1q5brjneengrk3p6-HB

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

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

1q5brjneengrk3p6-HB

校园餐校级管理移动端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界面，移动端竖屏设计，蓝色科技风格，顶部蓝色导航栏标题为"数据同步管理"，左上角返回箭头，右上角设置图标。页面分为三个模块：第一个模块标题"同步状态概览"，显示蓝色刷新图标和"数据实时同步中"大字，下方显示最后同步时间2026-08-20 10:08:15，同步进度条100%。下方列出三个同步对象：1.PC端在线/已同步绿色对勾；2.智能电子秤食堂一/已连接/已同步绿色对勾；3.校级公示端已连接/同步中蓝色加载图标。第二个模块标题"同步数据记录"，显示今日数据记录列表，包含菜品名称、重量、时间、来源食堂等信息，每行右侧有同步状态图标。第三个模块标题"同步设置"，包含：设备管理（管理搭配对接电子秤）、自动同步开关（开关开启）、数据自动上传（开关开启）、异常数据预警（开关开启）、数据校准（点击校正时比校准数据），最下方蓝色按钮"手动同步数据"。整体UI简洁专业，蓝色主色调，卡片式布局，清晰的信息层级，管理系统风格

校园餐阳光公示端管理软件UI界面，移动端竖屏设计，蓝色科技风格，顶部蓝色导航栏标题为"数据同步管理"，左上角返回箭头，右上角设置图标。页面分为三个模块：第一个模块标题"同步状态概览"，显示蓝色刷新图标和"数据实时同步中"大字，下方显示最后同步时间2026-08-20 10:08:15，同步进度条100%。下方列出三个同步对象：1.PC端在线/已同步绿色对勾；2.智能电子秤食堂一/已连接/已同步绿色对勾；3.校级公示端已连接/同步中蓝色加载图标。第二个模块标题"同步数据记录"，显示今日数据记录列表，包含菜品名称、重量、时间、来源食堂等信息，每行右侧有同步状态图标。第三个模块标题"同步设置"，包含：设备管理（管理搭配对接电子秤）、自动同步开关（开关开启）、数据自动上传（开关开启）、异常数据预警（开关开启）、数据校准（点击校正时比校准数据），最下方蓝色按钮"手动同步数据"。整体UI简洁专业，蓝色主色调，卡片式布局，清晰的信息层级，管理系统风格

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和电池图标，中间白色标题文字"智慧预算"，左侧返回箭头，右侧历史记录图标，导航栏下方为白色圆角卡片内容区域，第一部分为"预算参数设置"标题，包含预算日期选择器（带日历图标）、所属食堂下拉选择（带建筑图标）、餐次选择（早餐/午餐/晚餐/全天，带餐具图标）、预计就餐人数输入框（带用户图标，提示文字"请输入预计就餐人数"）、人均摄入量标准选择（带天平图标，标准/营养/定制）、预算类型下拉选择（日预算/周预算/月预算，带图表图标），第二部分为"智能生成结果"标题，显示自动生成的采购计划单，包含食材分类列表（蔬菜类/肉类/粮油类/调料类），每类显示食材名称、预估用量、单位，如"大白菜 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

基于参考图的设计风格，重新绘制微信小程序供应商工作台首页，顶部深蓝色渐变导航栏，左侧显示公司小Logo（分子形状图标），中间标题'供应商工作台'，右上角消息铃铛和角色切换按钮。配色以深蓝#1E2A78为主色，紫色橙色点缀。中部数据概览卡片2x2排列：待审核、运输中、已完成、本月发货量。下方快捷功能宫格：新建发货、我的司机库、全部订单、地址管理。再下方最近订单列表。底部Tab导航：首页、订单、消息、我的。B端企业工具风格，手机竖屏比例，高保真UI设计图。

基于参考图的设计风格，重新绘制微信小程序供应商工作台首页，顶部深蓝色渐变导航栏，左侧显示公司小Logo（分子形状图标），中间标题'供应商工作台'，右上角消息铃铛和角色切换按钮。配色以深蓝#1E2A78为主色，紫色橙色点缀。中部数据概览卡片2x2排列：待审核、运输中、已完成、本月发货量。下方快捷功能宫格：新建发货、我的司机库、全部订单、地址管理。再下方最近订单列表。底部Tab导航：首页、订单、消息、我的。B端企业工具风格，手机竖屏比例，高保真UI设计图。

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

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

1q5brjneengrk3p6-HB

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

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

1q5brjneengrk3p6-HB

校园餐校级管理移动端UI界面设计，采购订单创建与发送页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"创建采购订单"，左侧返回箭头，右侧草稿图标，导航栏下方为白色圆角卡片内容区域，第一部分为"订单基本信息"标题，包含订单编号（自动生成，带单据图标）、采购食堂下拉选择（带建筑图标）、期望送达日期选择器（带日历图标）、供货商选择（带店铺图标，可搜索选择）、采购人员姓名（带用户图标，自动填充），第二部分为"采购商品列表"标题，显示已添加商品列表，每项包含商品名称、规格、数量、单价、小计金额，如"大白菜 50kg ¥3.5/kg ¥175""猪肉 30kg ¥28/kg ¥840""大米 80kg ¥5.2/kg ¥416"，每行右侧有删除图标，底部有"+ 添加商品"按钮，第三部分为"订单汇总"标题，显示商品总件数、总重量、总金额¥1431.00，备注输入框（带文档图标，提示文字"请输入备注信息..."），底部蓝色圆角"发送采购单给供货商"按钮，按钮上方有"预计送达时间：明日上午8:00前"提示文字，底部Tab导航栏（首页/Management/数据/设置图标），整体蓝色主色调，白色卡片背景，圆角设计，与之前页面排版风格完全一致

校园餐校级管理移动端UI界面设计，采购订单创建与发送页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"创建采购订单"，左侧返回箭头，右侧草稿图标，导航栏下方为白色圆角卡片内容区域，第一部分为"订单基本信息"标题，包含订单编号（自动生成，带单据图标）、采购食堂下拉选择（带建筑图标）、期望送达日期选择器（带日历图标）、供货商选择（带店铺图标，可搜索选择）、采购人员姓名（带用户图标，自动填充），第二部分为"采购商品列表"标题，显示已添加商品列表，每项包含商品名称、规格、数量、单价、小计金额，如"大白菜 50kg ¥3.5/kg ¥175""猪肉 30kg ¥28/kg ¥840""大米 80kg ¥5.2/kg ¥416"，每行右侧有删除图标，底部有"+ 添加商品"按钮，第三部分为"订单汇总"标题，显示商品总件数、总重量、总金额¥1431.00，备注输入框（带文档图标，提示文字"请输入备注信息..."），底部蓝色圆角"发送采购单给供货商"按钮，按钮上方有"预计送达时间：明日上午8:00前"提示文字，底部Tab导航栏（首页/Management/数据/设置图标），整体蓝色主色调，白色卡片背景，圆角设计，与之前页面排版风格完全一致

1q5brjneengrk3p6-HB

基于参考图的设计风格，设计微信小程序角色切换下拉面板。从页面右上角'切换角色'按钮向下展开的浮层面板，深蓝色半透明遮罩背景。面板内标题'切换角色'，下方列出6个角色选项：供应商（当前选中，深蓝色背景白色文字，右侧打勾）、司机（紫色图标）、业务员（蓝色图标）、仓管（橙色图标）、品控（绿色图标）、管理员（灰色图标），每个角色有图标+名称+状态标签（已通过/审核中）。底部有'申请新角色'按钮。整体风格与参考图一致：深蓝#1E2A78主色，紫橙点缀，圆角8px，B端企业风格。手机竖屏，高保真UI设计。

基于参考图的设计风格，设计微信小程序角色切换下拉面板。从页面右上角'切换角色'按钮向下展开的浮层面板，深蓝色半透明遮罩背景。面板内标题'切换角色'，下方列出6个角色选项：供应商（当前选中，深蓝色背景白色文字，右侧打勾）、司机（紫色图标）、业务员（蓝色图标）、仓管（橙色图标）、品控（绿色图标）、管理员（灰色图标），每个角色有图标+名称+状态标签（已通过/审核中）。底部有'申请新角色'按钮。整体风格与参考图一致：深蓝#1E2A78主色，紫橙点缀，圆角8px，B端企业风格。手机竖屏，高保真UI设计。

[第1屏] 餐厅收银解决方案详情页头图，主题为多功能智能设备协同。页面顶部大蓝色主标题"多功能智能设备协同"，下方分三个板块依次展示：1、智能收银融合：多模态支付核验，内置促销计算灵活匹配场景；2、多端无缝协同：户端与收银端实时联动，全环节自动化运转；3、云端统一管控：网络自动同步，多平台营业数据统一管理。保持所有文案内容完全不修改。风格为专业商务科技风，采用参考图蓝白配色，浅色背景，蓝色标题，深灰色正文，信息分区清晰，模块化排版，左侧放置系统界面截图【图1】作为产品展示，右侧放置文案，整体简洁专业，京东平台高级A+移动端适配，文字清晰可读，比例适合手机浏览。 [氛围风格] 专业、清晰、科技商务风，排版简洁，信息层级分明，沿用参考图蓝白配色方案 [元素布局] 左侧产品界面占比约40%，右侧文案区域占比约60%，保持界面功能模块与原图完全一致，文案分区排列，每个卖点带蓝色小图标点缀，整体干净不拥挤 [光影质感] 均匀明亮的商务办公光效，文字清晰锐利，产品界面展示清晰 [配色色系] 全局底色：#FFFFFF（纯白），主色：#1967D2（蓝色），文字：#333333（深灰），模块分隔：#F5F5F5（浅灰） [视角构图] 竖版上下构图，顶部标题，中部左右分栏，底部留白平衡 [文字版式] 主标题"多功能智能设备协同"蓝色大字居中，三个卖点分块排列，每个卖点标题加粗，正文常规字重，所有文字必须完全与用户提供文案一致，不得修改，文字清晰可读，移动端适配字号 [比例分辨率] 宽高比9:16，4K分辨率，超高清

[第1屏] 餐厅收银解决方案详情页头图，主题为多功能智能设备协同。页面顶部大蓝色主标题"多功能智能设备协同"，下方分三个板块依次展示：1、智能收银融合：多模态支付核验，内置促销计算灵活匹配场景；2、多端无缝协同：户端与收银端实时联动，全环节自动化运转；3、云端统一管控：网络自动同步，多平台营业数据统一管理。保持所有文案内容完全不修改。风格为专业商务科技风，采用参考图蓝白配色，浅色背景，蓝色标题，深灰色正文，信息分区清晰，模块化排版，左侧放置系统界面截图【图1】作为产品展示，右侧放置文案，整体简洁专业，京东平台高级A+移动端适配，文字清晰可读，比例适合手机浏览。
[氛围风格] 专业、清晰、科技商务风，排版简洁，信息层级分明，沿用参考图蓝白配色方案
[元素布局] 左侧产品界面占比约40%，右侧文案区域占比约60%，保持界面功能模块与原图完全一致，文案分区排列，每个卖点带蓝色小图标点缀，整体干净不拥挤
[光影质感] 均匀明亮的商务办公光效，文字清晰锐利，产品界面展示清晰
[配色色系] 全局底色：#FFFFFF（纯白），主色：#1967D2（蓝色），文字：#333333（深灰），模块分隔：#F5F5F5（浅灰）
[视角构图] 竖版上下构图，顶部标题，中部左右分栏，底部留白平衡
[文字版式] 主标题"多功能智能设备协同"蓝色大字居中，三个卖点分块排列，每个卖点标题加粗，正文常规字重，所有文字必须完全与用户提供文案一致，不得修改，文字清晰可读，移动端适配字号
[比例分辨率] 宽高比9:16，4K分辨率，超高清

[第4屏] 餐厅收银解决方案详情页，主题为数据报表与统计分析。列出统计内容：1、每日营收统计；2、会员充值统计；3、会员消费统计；4、菜品销售统计。保持所有文案内容完全不修改。搭配系统数据分析界面展示，延续整体风格。 [氛围风格] 专业、清晰、科技商务风，与整套详情页风格配色保持一致 [元素布局] 顶部蓝色大标题"数据报表与统计分析"，中上部放置数据分析界面【图1】，展示饼图和柱状图，下方分点列出四项统计功能，每个统计项带蓝色对勾图标，布局舒展 [光影质感] 均匀明亮，数据图表展示清晰，文字可辨 [配色色系] 全局底色：#FFFFFF（纯白），主色：#1967D2（蓝色），文字：#333333（深灰），图表配色保持与原图一致 [视角构图] 竖版构图，顶部标题，中部图表展示，底部分点列表，整体平衡 [文字版式] 主标题蓝色大字顶部居中，四项统计功能从上到下排列，每个项目文字清晰，所有文字必须完全与用户提供文案一致，不得修改，字号适配移动端阅读 [比例分辨率] 宽高比9:16，4K分辨率，超高清 [负向提示词] 文字错乱，文案修改，颜色偏差，界面变形，水印

[第4屏] 餐厅收银解决方案详情页，主题为数据报表与统计分析。列出统计内容：1、每日营收统计；2、会员充值统计；3、会员消费统计；4、菜品销售统计。保持所有文案内容完全不修改。搭配系统数据分析界面展示，延续整体风格。
[氛围风格] 专业、清晰、科技商务风，与整套详情页风格配色保持一致
[元素布局] 顶部蓝色大标题"数据报表与统计分析"，中上部放置数据分析界面【图1】，展示饼图和柱状图，下方分点列出四项统计功能，每个统计项带蓝色对勾图标，布局舒展
[光影质感] 均匀明亮，数据图表展示清晰，文字可辨
[配色色系] 全局底色：#FFFFFF（纯白），主色：#1967D2（蓝色），文字：#333333（深灰），图表配色保持与原图一致
[视角构图] 竖版构图，顶部标题，中部图表展示，底部分点列表，整体平衡
[文字版式] 主标题蓝色大字顶部居中，四项统计功能从上到下排列，每个项目文字清晰，所有文字必须完全与用户提供文案一致，不得修改，字号适配移动端阅读
[比例分辨率] 宽高比9:16，4K分辨率，超高清
[负向提示词] 文字错乱，文案修改，颜色偏差，界面变形，水印

不能修改产品介绍文案的文字，重新生成

不能修改产品介绍文案的文字，重新生成

基于提供的友易APPlogo，设计青绿色简约现代风格的APP订单列表页界面，保留青绿色主题配色，布局包含订单卡片、状态标签，适配手机端

基于提供的友易APPlogo，设计青绿色简约现代风格的APP订单列表页界面，保留青绿色主题配色，布局包含订单卡片、状态标签，适配手机端

[第6张] 订单管理系统展示页——订单列表与数据统计。本张使用【图5】作为订单列表界面主体展示。 [氛围/风格] 数据清晰管理风，突出订单一目了然、便于对账，商务SaaS质感。 [元素布局] 左侧展示手机订单列表界面，占比约60%，包含顶部扫码点餐/退款订单切换、日报/周报/月报/自定义日期选择、已结账订单列表（001桌多笔订单、订单编号、下单日期、流水号、金额）、底部首页/订单/我的导航；右侧为订单管理功能说明区，配4个功能点。 [光影质感] 均匀柔光，界面清晰，手机模型带自然投影。 [配色色系] 全局底色 #F7F9FC 浅灰白；主色 #00B4D8 青蓝色；辅助色 #FF8C42 橙色（订单图标）、#FF6B6B 红色（金额）；文字深灰 #2D3748。 [视角构图] 正面平视，手机界面居中偏左，右侧功能说明区，阅读动线从左到右。 [文字版式] 右上主标题「订单全记录对账无忧」，副标题「多维度查询每笔订单清晰可追溯」；右侧四个功能点：「扫码点餐订单」「退款订单管理」「日报/周报/月报」「订单详情可查」，每个配青蓝色渐变图标+标题+说明；左下角标注页码「06」；文字清晰可读。 [比例分辨率] 9:16 竖版比例，4K 分辨率，文字清晰可辨，高清画质。 [负向提示词] 订单数据错误，界面变形，文字错乱，水印，界面模糊，金额错误。

[第6张] 订单管理系统展示页——订单列表与数据统计。本张使用【图5】作为订单列表界面主体展示。
[氛围/风格] 数据清晰管理风，突出订单一目了然、便于对账，商务SaaS质感。
[元素布局] 左侧展示手机订单列表界面，占比约60%，包含顶部扫码点餐/退款订单切换、日报/周报/月报/自定义日期选择、已结账订单列表（001桌多笔订单、订单编号、下单日期、流水号、金额）、底部首页/订单/我的导航；右侧为订单管理功能说明区，配4个功能点。
[光影质感] 均匀柔光，界面清晰，手机模型带自然投影。
[配色色系] 全局底色 #F7F9FC 浅灰白；主色 #00B4D8 青蓝色；辅助色 #FF8C42 橙色（订单图标）、#FF6B6B 红色（金额）；文字深灰 #2D3748。
[视角构图] 正面平视，手机界面居中偏左，右侧功能说明区，阅读动线从左到右。
[文字版式] 右上主标题「订单全记录对账无忧」，副标题「多维度查询每笔订单清晰可追溯」；右侧四个功能点：「扫码点餐订单」「退款订单管理」「日报/周报/月报」「订单详情可查」，每个配青蓝色渐变图标+标题+说明；左下角标注页码「06」；文字清晰可读。
[比例分辨率] 9:16 竖版比例，4K 分辨率，文字清晰可辨，高清画质。
[负向提示词] 订单数据错误，界面变形，文字错乱，水印，界面模糊，金额错误。

生成一个独立的陪跑服务页面，页面顶部显示陪跑服务标题，然后添加简介区域，文字内容为"健康教练，带领你舒适跑步"，下方新增教练选择板块，添加男教练、女教练两个选择按钮，展示阳光健康风格的教练头像列表，保持整体UI设计风格和之前兵马俑售票页面一致，蓝色顶部导航，简洁现代移动端UI设计

生成一个独立的陪跑服务页面，页面顶部显示陪跑服务标题，然后添加简介区域，文字内容为"健康教练，带领你舒适跑步"，下方新增教练选择板块，添加男教练、女教练两个选择按钮，展示阳光健康风格的教练头像列表，保持整体UI设计风格和之前兵马俑售票页面一致，蓝色顶部导航，简洁现代移动端UI设计

微信小程序UI设计，尺寸750×1624px，首页核心页面「加班用餐填报」，顶部适配微信原生胶囊导航栏，下方通栏导航背景#409EFF，标题为“加班用餐填报”，右侧消息铃铛图标带小红点；页面内容为白底圆角表单卡片；包含加班日期模块：默认显示当日日期，右侧有日历图标；是否加班用餐单选模块，选项是和否，选中态圆点用#409EFF；用餐人数默认1人，带±增减按钮，下方有“添加同行同事”按钮；加班时段三选一：晚加班、周末加班、节假日加班；备注输入框占位文字为“特殊饮食、同行人员、其他说明”；下方双快捷按钮，左侧“一键复制昨日填报”边框#409EFF文字蓝色，右侧“一键撤回当日提交”灰色边框；底部固定通栏提交按钮背景#409EFF，白色文字“提交填报”；页面背景色#F5F7FA，卡片底色#FFFFFF，文字颜色正文#303133，次要文字#606266；整体风格简约清新，符合微信小程序设计规范，卡片圆角8rpx，按钮圆角10rpx，轻微柔和阴影。

微信小程序UI设计，尺寸750×1624px，首页核心页面「加班用餐填报」，顶部适配微信原生胶囊导航栏，下方通栏导航背景#409EFF，标题为“加班用餐填报”，右侧消息铃铛图标带小红点；页面内容为白底圆角表单卡片；包含加班日期模块：默认显示当日日期，右侧有日历图标；是否加班用餐单选模块，选项是和否，选中态圆点用#409EFF；用餐人数默认1人，带±增减按钮，下方有“添加同行同事”按钮；加班时段三选一：晚加班、周末加班、节假日加班；备注输入框占位文字为“特殊饮食、同行人员、其他说明”；下方双快捷按钮，左侧“一键复制昨日填报”边框#409EFF文字蓝色，右侧“一键撤回当日提交”灰色边框；底部固定通栏提交按钮背景#409EFF，白色文字“提交填报”；页面背景色#F5F7FA，卡片底色#FFFFFF，文字颜色正文#303133，次要文字#606266；整体风格简约清新，符合微信小程序设计规范，卡片圆角8rpx，按钮圆角10rpx，轻微柔和阴影。

运动数据app

运动数据app

基于参考图的设计风格，设计微信小程序角色切换面板从导航栏左侧角色标签向下展开的效果。顶部深蓝色导航栏，左侧公司Logo + '供应商 ▼'角色标签，右侧空白避让胶囊。从角色标签下方弹出白色浮层面板，标题'切换角色'，列出6个角色：供应商（当前选中深蓝背景）、司机（紫色，已通过）、业务员（蓝色，已通过）、仓管（橙色，审核中）、品控（绿色，已通过）、管理员（灰色，已通过），底部'申请新角色'按钮。背景页面为供应商工作台（半透明遮罩）。整体风格与参考图一致。手机竖屏，高保真UI设计。

基于参考图的设计风格，设计微信小程序角色切换面板从导航栏左侧角色标签向下展开的效果。顶部深蓝色导航栏，左侧公司Logo + '供应商 ▼'角色标签，右侧空白避让胶囊。从角色标签下方弹出白色浮层面板，标题'切换角色'，列出6个角色：供应商（当前选中深蓝背景）、司机（紫色，已通过）、业务员（蓝色，已通过）、仓管（橙色，审核中）、品控（绿色，已通过）、管理员（灰色，已通过），底部'申请新角色'按钮。背景页面为供应商工作台（半透明遮罩）。整体风格与参考图一致。手机竖屏，高保真UI设计。