基于原图修改，将页面左上角的校服商城logo替换为新的校徽logo。新logo为深蓝色盾牌形状，内部有白色凤凰图案-GD309034298-稿定 AI

创意预览图

基于原图修改，将页面左上角的校服商城logo替换为新的校徽logo。新logo为深蓝色盾牌形状，内部有白色凤凰图案、橄榄枝和书本图案，底部有飘带写着SINCE 1994。将新logo放置在页面左上角原

GD309034298

2026.08.11

基于原图修改，将页面左上角的校服商城logo替换为新的校徽logo。新logo为深蓝色盾牌形状，内部有白色凤凰图案、橄榄枝和书本图案，底部有飘带写着SINCE 1994。将新logo放置在页面左上角原logo位置，大小与原logo相当，保持页面整体布局不变。logo右侧的"校服商城"标题文字和"品质校服·安心之选"副标题文字保持不变。页面其余所有元素（搜索、购物车、保障栏、我的学校专区、上新banner、礼券区、底部导航等）全部保持原样不变。确保新logo清晰、比例正确、与整体风格协调。

基于原图修改，将页面左上角的校服商城logo替换为新的校徽logo。新logo为深蓝色盾牌形状，内部有白色凤凰图案、橄榄枝和书本图案，底部有飘带写着SINCE 1994。将新logo放置在页面左上角原logo位置，大小与原logo相当，保持页面整体布局不变。logo右侧的"校服商城"标题文字和"品质校服·安心之选"副标题文字保持不变。页面其余所有元素（搜索、购物车、保障栏、我的学校专区、上新banner、礼券区、底部导航等）全部保持原样不变。确保新logo清晰、比例正确、与整体风格协调。

基于原图修改，将【我的学校】专区升级为视觉重点专区。保留原图整体结构和其他元素不变，只强化"我的学校"模块。具体修改：1. 我的学校模块背景改为渐变蓝色卡片（浅蓝到淡蓝渐变），增加圆角和轻微阴影，使其在页面中更突出；2. 模块标题"我的学校"字号加大，加粗，颜色改为深蓝色，左侧学校图标放大并增加金色装饰；3. 右侧"查看更多"改为醒目的蓝色按钮样式，带箭头；4. 8个专区icon（广碧专区、双语专区、斐特思专区、乐乐堡专区、正装专区、文具专区、床品专区、公办校服专区）整体放大，图标颜色更鲜艳饱和，每个icon下方文字加粗；5. 模块整体上下增加更多留白，视觉上成为页面核心重点区域，传达"可点击进入查看该校所有可购买商品"的入口感。其余页面元素（顶部logo、搜索购物车、保障栏、下方上新banner、礼券区、底部导航）保持原样不变。

基于原图修改，将【我的学校】专区升级为视觉重点专区。保留原图整体结构和其他元素不变，只强化"我的学校"模块。具体修改：1. 我的学校模块背景改为渐变蓝色卡片（浅蓝到淡蓝渐变），增加圆角和轻微阴影，使其在页面中更突出；2. 模块标题"我的学校"字号加大，加粗，颜色改为深蓝色，左侧学校图标放大并增加金色装饰；3. 右侧"查看更多"改为醒目的蓝色按钮样式，带箭头；4. 8个专区icon（广碧专区、双语专区、斐特思专区、乐乐堡专区、正装专区、文具专区、床品专区、公办校服专区）整体放大，图标颜色更鲜艳饱和，每个icon下方文字加粗；5. 模块整体上下增加更多留白，视觉上成为页面核心重点区域，传达"可点击进入查看该校所有可购买商品"的入口感。其余页面元素（顶部logo、搜索购物车、保障栏、下方上新banner、礼券区、底部导航）保持原样不变。

基于原图修改，将【我的学校】专区升级为视觉重点专区。保留原图整体结构和其他元素不变，只强化"我的学校"模块。具体修改：1. 我的学校模块背景改为渐变蓝色卡片（浅蓝到淡蓝渐变），增加圆角和轻微阴影，使其在页面中更突出；2. 模块标题"我的学校"字号加大，加粗，颜色改为深蓝色，左侧学校图标放大并增加金色装饰；3. 右侧"查看更多"改为醒目的蓝色按钮样式，带箭头；4. 8个专区icon（广碧专区、双语专区、斐特思专区、乐乐堡专区、正装专区、文具专区、床品专区、公办校服专区）整体放大，图标颜色更鲜艳饱和，每个icon下方文字加粗；5. 模块整体上下增加更多留白，视觉上成为页面核心重点区域，传达"可点击进入查看该校所有可购买商品"的入口感。其余页面元素（顶部logo、搜索购物车、保障栏、下方上新banner、礼券区、底部导航）保持原样不变。

基于原图修改，将【我的学校】专区升级为视觉重点专区。保留原图整体结构和其他元素不变，只强化"我的学校"模块。具体修改：1. 我的学校模块背景改为渐变蓝色卡片（浅蓝到淡蓝渐变），增加圆角和轻微阴影，使其在页面中更突出；2. 模块标题"我的学校"字号加大，加粗，颜色改为深蓝色，左侧学校图标放大并增加金色装饰；3. 右侧"查看更多"改为醒目的蓝色按钮样式，带箭头；4. 8个专区icon（广碧专区、双语专区、斐特思专区、乐乐堡专区、正装专区、文具专区、床品专区、公办校服专区）整体放大，图标颜色更鲜艳饱和，每个icon下方文字加粗；5. 模块整体上下增加更多留白，视觉上成为页面核心重点区域，传达"可点击进入查看该校所有可购买商品"的入口感。其余页面元素（顶部logo、搜索购物车、保障栏、下方上新banner、礼券区、底部导航）保持原样不变。

校服商城首页第二屏：我的学校专区 + 8个导航icon入口。上方是"我的学校"专区标题栏，左侧有学校建筑图标，标题文字"我的学校"，右侧有"查看更多 >"小字。下方是8个圆形或圆角方形导航图标，分两行排列，每行4个，整齐均匀分布。每个icon下方有中文名称标签，分别是：广碧专区、双语专区、斐特思专区、乐乐堡专区、正装专区、文具专区、床品专区、公办校服专区。图标风格简约扁平化，每个图标有对应主题的简笔画图案（如学校建筑、书本、床、衣服、文具等）。背景为浅灰色或白色，顶部有轻微渐变，整体风格清新简洁，移动端电商首页风格。配色：白色背景 + 藏青色标题 + 各图标使用不同柔和彩色区分。文字全部为中文，清晰可读。

校服商城首页第二屏：我的学校专区 + 8个导航icon入口。上方是"我的学校"专区标题栏，左侧有学校建筑图标，标题文字"我的学校"，右侧有"查看更多 >"小字。下方是8个圆形或圆角方形导航图标，分两行排列，每行4个，整齐均匀分布。每个icon下方有中文名称标签，分别是：广碧专区、双语专区、斐特思专区、乐乐堡专区、正装专区、文具专区、床品专区、公办校服专区。图标风格简约扁平化，每个图标有对应主题的简笔画图案（如学校建筑、书本、床、衣服、文具等）。背景为浅灰色或白色，顶部有轻微渐变，整体风格清新简洁，移动端电商首页风格。配色：白色背景 + 藏青色标题 + 各图标使用不同柔和彩色区分。文字全部为中文，清晰可读。

校服商城首页第二屏：我的学校专区 + 8个导航icon入口。上方是"我的学校"专区标题栏，左侧有学校建筑图标，标题文字"我的学校"，右侧有"查看更多 >"小字。下方是8个圆形或圆角方形导航图标，分两行排列，每行4个，整齐均匀分布。每个icon下方有中文名称标签，分别是：广碧专区、双语专区、斐特思专区、乐乐堡专区、正装专区、文具专区、床品专区、公办校服专区。图标风格简约扁平化，每个图标有对应主题的简笔画图案（如学校建筑、书本、床、衣服、文具等）。背景为浅灰色或白色，顶部有轻微渐变，整体风格清新简洁，移动端电商首页风格。配色：白色背景 + 藏青色标题 + 各图标使用不同柔和彩色区分。文字全部为中文，清晰可读。

校服商城首页第二屏：我的学校专区 + 8个导航icon入口。上方是"我的学校"专区标题栏，左侧有学校建筑图标，标题文字"我的学校"，右侧有"查看更多 >"小字。下方是8个圆形或圆角方形导航图标，分两行排列，每行4个，整齐均匀分布。每个icon下方有中文名称标签，分别是：广碧专区、双语专区、斐特思专区、乐乐堡专区、正装专区、文具专区、床品专区、公办校服专区。图标风格简约扁平化，每个图标有对应主题的简笔画图案（如学校建筑、书本、床、衣服、文具等）。背景为浅灰色或白色，顶部有轻微渐变，整体风格清新简洁，移动端电商首页风格。配色：白色背景 + 藏青色标题 + 各图标使用不同柔和彩色区分。文字全部为中文，清晰可读。

基于原图修改，在8个专区icon下方、春季校服上新banner上方，新增一个导航专区模块。保留原图所有现有元素不变，在我的学校8个专区icon与春季校服上新banner之间插入新的专区。新专区顶部有标题栏，左侧文字为"全品类精选"或"校服分类"，右侧有"查看全部 >"小字。下方是4个圆角方形导航icon，横向均匀排列一行，分别是：1. 四季运动 - 图标为运动服/跑步小人，蓝色系；2. 礼仪正装 - 图标为西装/领带，紫色或深蓝色系；3. 冬季保暖 - 图标为棉衣/围巾，橙色或暖棕色系；4. 精美配饰 - 图标为领结/徽章，粉色或金色系。每个icon下方有对应中文名称标签。整体风格与上方8个专区icon风格一致，保持视觉统一。插入后页面整体高度相应增加，其余页面元素（顶部logo、搜索购物车、保障栏、我的学校专区、下方上新banner、礼券区、底部导航）全部保持原样不变。

基于原图修改，在8个专区icon下方、春季校服上新banner上方，新增一个导航专区模块。保留原图所有现有元素不变，在我的学校8个专区icon与春季校服上新banner之间插入新的专区。新专区顶部有标题栏，左侧文字为"全品类精选"或"校服分类"，右侧有"查看全部 >"小字。下方是4个圆角方形导航icon，横向均匀排列一行，分别是：1. 四季运动 - 图标为运动服/跑步小人，蓝色系；2. 礼仪正装 - 图标为西装/领带，紫色或深蓝色系；3. 冬季保暖 - 图标为棉衣/围巾，橙色或暖棕色系；4. 精美配饰 - 图标为领结/徽章，粉色或金色系。每个icon下方有对应中文名称标签。整体风格与上方8个专区icon风格一致，保持视觉统一。插入后页面整体高度相应增加，其余页面元素（顶部logo、搜索购物车、保障栏、我的学校专区、下方上新banner、礼券区、底部导航）全部保持原样不变。

基于原图修改，在【我的学校】专区内增加具体学校信息，使其成为用户专属学校入口。保留原图整体结构和其他所有元素不变，仅修改"我的学校"模块内容：1. 在模块顶部标题"我的学校"下方，增加一行学校名称文字"江门市蓬江区五邑碧桂园中英文学校"，字体为深蓝色，字号适中，清晰可读；2. 在学校名称下方，增加一个醒目的蓝色按钮，按钮内文字为"点击进入我的专属商店"，按钮右侧带箭头图标，按钮有圆角和轻微立体感，引导点击；3. 学校图标可适当调整，增加专属感，比如在图标旁加一个小徽章；4. 8个专区icon整体位置略微下移，给上方学校名称和入口按钮留出空间；5. 整个"我的学校"模块高度相应增加，布局协调，视觉上突出"专属学校入口"的概念。其余页面元素（顶部logo、搜索购物车、保障栏、下方上新banner、礼券区、底部导航）保持原样不变。

基于原图修改，在【我的学校】专区内增加具体学校信息，使其成为用户专属学校入口。保留原图整体结构和其他所有元素不变，仅修改"我的学校"模块内容：1. 在模块顶部标题"我的学校"下方，增加一行学校名称文字"江门市蓬江区五邑碧桂园中英文学校"，字体为深蓝色，字号适中，清晰可读；2. 在学校名称下方，增加一个醒目的蓝色按钮，按钮内文字为"点击进入我的专属商店"，按钮右侧带箭头图标，按钮有圆角和轻微立体感，引导点击；3. 学校图标可适当调整，增加专属感，比如在图标旁加一个小徽章；4. 8个专区icon整体位置略微下移，给上方学校名称和入口按钮留出空间；5. 整个"我的学校"模块高度相应增加，布局协调，视觉上突出"专属学校入口"的概念。其余页面元素（顶部logo、搜索购物车、保障栏、下方上新banner、礼券区、底部导航）保持原样不变。

电商店铺首页商品推荐区第一排，4个商品卡片横向排列。顶部标题「热销商品推荐」。每个商品卡片包含：商品主图（分别为速干运动T恤、运动短裤、针织毛衣、保暖外套）、商品名称文字、价格数字（带¥符号）、所属店铺小字「碧桂园校服官方店」。卡片为白色圆角矩形，有轻微阴影悬浮感。商品图为校服单品平铺或模特穿着展示，藏青、白色、灰色系为主。整体背景浅灰色，排版整齐，间距均匀，移动端适配，文字清晰可读。清新校园电商风格。

电商店铺首页商品推荐区第一排，4个商品卡片横向排列。顶部标题「热销商品推荐」。每个商品卡片包含：商品主图（分别为速干运动T恤、运动短裤、针织毛衣、保暖外套）、商品名称文字、价格数字（带¥符号）、所属店铺小字「碧桂园校服官方店」。卡片为白色圆角矩形，有轻微阴影悬浮感。商品图为校服单品平铺或模特穿着展示，藏青、白色、灰色系为主。整体背景浅灰色，排版整齐，间距均匀，移动端适配，文字清晰可读。清新校园电商风格。

校服商城首页第三屏：热销商品展示区。本张使用【图1】中的藏青色校服运动套装作为主推热销商品，保留服装款式、颜色、结构特征。顶部标题栏：左侧大字"热销商品"，右侧小字"更多 >"。下方商品网格布局，2列展示，共4个商品卡片。左上角第一个商品为图1同款藏青色校服运动套装，商品图清晰展示服装全貌，下方有商品名称"夏季运动套装（男女同款）"，价格标签醒目显示价格，左上角有"热销"红色角标。其余3个商品卡片展示其他校服品类（如正装衬衫、西裤、外套等）的示意图。每个商品卡片包含：商品主图、商品名称、价格。整体风格为电商商品列表页，白色背景，卡片有轻微阴影和圆角，整洁有序。配色：白色背景 + 藏青色文字 + 红色价格标签。

校服商城首页第三屏：热销商品展示区。本张使用【图1】中的藏青色校服运动套装作为主推热销商品，保留服装款式、颜色、结构特征。顶部标题栏：左侧大字"热销商品"，右侧小字"更多 >"。下方商品网格布局，2列展示，共4个商品卡片。左上角第一个商品为图1同款藏青色校服运动套装，商品图清晰展示服装全貌，下方有商品名称"夏季运动套装（男女同款）"，价格标签醒目显示价格，左上角有"热销"红色角标。其余3个商品卡片展示其他校服品类（如正装衬衫、西裤、外套等）的示意图。每个商品卡片包含：商品主图、商品名称、价格。整体风格为电商商品列表页，白色背景，卡片有轻微阴影和圆角，整洁有序。配色：白色背景 + 藏青色文字 + 红色价格标签。

商城首页顶部区域整体优化重绘，保持原有所有文字内容不变。顶部：左侧乐济特校服商城logo+ slogan「品质校服·安心之选」，右侧搜索图标+购物车图标。下方是开学季Banner：蓝天白云校园操场背景，两名穿深蓝色运动校服的小学生（一男一女）站在操场上，主标题「焕新开学季，成长每一步」大字醒目，下方黄色标签条写「新学期、新起点、新成长 2026-2027学年校服起订」。Banner下方是四个服务保障图标横排：正品保障、快速发货、售后无忧、专属客服，每个图标配简短说明。整体风格：清新校园风，蓝白绿配色，明亮通透，高分辨率4K画质，排版精致，间距合理，视觉协调统一，移动端首页顶部样式，竖版长图

商城首页顶部区域整体优化重绘，保持原有所有文字内容不变。顶部：左侧乐济特校服商城logo+ slogan「品质校服·安心之选」，右侧搜索图标+购物车图标。下方是开学季Banner：蓝天白云校园操场背景，两名穿深蓝色运动校服的小学生（一男一女）站在操场上，主标题「焕新开学季，成长每一步」大字醒目，下方黄色标签条写「新学期、新起点、新成长 2026-2027学年校服起订」。Banner下方是四个服务保障图标横排：正品保障、快速发货、售后无忧、专属客服，每个图标配简短说明。整体风格：清新校园风，蓝白绿配色，明亮通透，高分辨率4K画质，排版精致，间距合理，视觉协调统一，移动端首页顶部样式，竖版长图

电商店铺首页分类导航模块，宽度1080px。浅灰色或白色干净背景，上方小标题「全品类选购」。下方横向排列6个圆形或圆角方形图标分类，从左到右依次为：速干系列（速干面料运动衣图标）、运动系列（运动服套装图标）、正装系列（西装校服图标）、针织系列（毛衣针织衫图标）、冬季保暖（羽绒服棉服图标）、书包文具（书包文具图标）。每个分类图标下方配有中文名称文字。图标风格统一为简约扁平插画风格，配色以藏青、橙色、白色为主，清新校园风。整体排版整齐对称，间距均匀，移动端友好。

电商店铺首页分类导航模块，宽度1080px。浅灰色或白色干净背景，上方小标题「全品类选购」。下方横向排列6个圆形或圆角方形图标分类，从左到右依次为：速干系列（速干面料运动衣图标）、运动系列（运动服套装图标）、正装系列（西装校服图标）、针织系列（毛衣针织衫图标）、冬季保暖（羽绒服棉服图标）、书包文具（书包文具图标）。每个分类图标下方配有中文名称文字。图标风格统一为简约扁平插画风格，配色以藏青、橙色、白色为主，清新校园风。整体排版整齐对称，间距均匀，移动端友好。

参考图例的UI设计风格，生成校园餐供应商移动端订单管理中心界面，竖版9:16手机比例。界面顶部为蓝色导航栏，左侧有返回箭头，中间标题为"订单管理"，右侧有同步图标按钮。下方有四个标签页：全部、待接单、配送中、已完成，当前选中"全部"。主体区域从上到下：1.接单合计统计卡片，白色圆角，分三列显示：本月接单数量、本月总金额、待处理订单，每列有图标和数值；2.功能操作栏，三个功能按钮横向排列：同步单据（带同步图标）、下载订单（带下载图标）、打印订单（带打印图标），均为蓝色图标配文字；3.筛选栏：日期范围选择、学校筛选下拉、搜索框；4.采购订单列表，每张订单卡片包含：学校名称图标、订单编号、下单时间、配送日期、订单状态标签（已接单/配送中/已完成）、食材简要列表、订单总金额，右下角有"查看详情"按钮。底部有底部导航栏。整体采用浅紫到浅蓝渐变背景，卡片为白色圆角设计，蓝色主色调，UI风格简洁现代，与参考图例视觉风格完全一致，适配手机移动端竖屏布局。

参考图例的UI设计风格，生成校园餐供应商移动端订单管理中心界面，竖版9:16手机比例。界面顶部为蓝色导航栏，左侧有返回箭头，中间标题为"订单管理"，右侧有同步图标按钮。下方有四个标签页：全部、待接单、配送中、已完成，当前选中"全部"。主体区域从上到下：1.接单合计统计卡片，白色圆角，分三列显示：本月接单数量、本月总金额、待处理订单，每列有图标和数值；2.功能操作栏，三个功能按钮横向排列：同步单据（带同步图标）、下载订单（带下载图标）、打印订单（带打印图标），均为蓝色图标配文字；3.筛选栏：日期范围选择、学校筛选下拉、搜索框；4.采购订单列表，每张订单卡片包含：学校名称图标、订单编号、下单时间、配送日期、订单状态标签（已接单/配送中/已完成）、食材简要列表、订单总金额，右下角有"查看详情"按钮。底部有底部导航栏。整体采用浅紫到浅蓝渐变背景，卡片为白色圆角设计，蓝色主色调，UI风格简洁现代，与参考图例视觉风格完全一致，适配手机移动端竖屏布局。

1q5brjneengrk3p6-HB

电商店铺首页商品推荐区第二排，4个商品卡片横向排列。每个商品卡片包含：商品主图（分别为正装白衬衫、正装西裤/格子裙、学生书包、文具套装）、商品名称文字、价格数字（带¥符号）、所属店铺小字「碧桂园校服官方店」。卡片为白色圆角矩形，有轻微阴影悬浮感，与上一排风格统一。商品图为校服单品或文具书包展示，藏青、白色、橙色系点缀。整体背景浅灰色，与上一排衔接自然，排版整齐，间距均匀，移动端适配，文字清晰可读。底部可加「查看更多商品」引导文字。清新校园电商风格。

电商店铺首页商品推荐区第二排，4个商品卡片横向排列。每个商品卡片包含：商品主图（分别为正装白衬衫、正装西裤/格子裙、学生书包、文具套装）、商品名称文字、价格数字（带¥符号）、所属店铺小字「碧桂园校服官方店」。卡片为白色圆角矩形，有轻微阴影悬浮感，与上一排风格统一。商品图为校服单品或文具书包展示，藏青、白色、橙色系点缀。整体背景浅灰色，与上一排衔接自然，排版整齐，间距均匀，移动端适配，文字清晰可读。底部可加「查看更多商品」引导文字。清新校园电商风格。

基于参考图的女性牛仔裤小程序首页界面，重新设计为蓝调清新主题配色风格，贴合女装牛仔品牌调性。整体色调以牛仔蓝、天蓝色和白色为主，清新干净明亮，呼应牛仔布料的蓝色特质。顶部导航栏为白色背景配牛仔蓝色文字，公告栏为淡蓝色。轮播Banner展示女性牛仔裤模特图，底部价格条为牛仔蓝渐变，文字'花木成畦手自栽'为白色。四个功能图标按钮：新品上市为牛仔蓝圆形图标，热销推荐为浅蓝色圆形图标，每日穿搭为牛仔蓝选中态，限时特惠为极浅蓝。搜索框为白色圆角带蓝色边框，占位文字'搜索牛仔裤穿搭...'。商品卡片为白色圆角卡片，展示女性牛仔裤商品图，批发价为牛仔蓝色加粗，零售价为灰色划线。底部导航栏：首页（牛仔蓝选中）、分类、购物车、消息、我的。UI界面设计，精致细腻，高保真移动端界面，干净整洁，牛仔女装电商风格

基于参考图的女性牛仔裤小程序首页界面，重新设计为蓝调清新主题配色风格，贴合女装牛仔品牌调性。整体色调以牛仔蓝、天蓝色和白色为主，清新干净明亮，呼应牛仔布料的蓝色特质。顶部导航栏为白色背景配牛仔蓝色文字，公告栏为淡蓝色。轮播Banner展示女性牛仔裤模特图，底部价格条为牛仔蓝渐变，文字'花木成畦手自栽'为白色。四个功能图标按钮：新品上市为牛仔蓝圆形图标，热销推荐为浅蓝色圆形图标，每日穿搭为牛仔蓝选中态，限时特惠为极浅蓝。搜索框为白色圆角带蓝色边框，占位文字'搜索牛仔裤穿搭...'。商品卡片为白色圆角卡片，展示女性牛仔裤商品图，批发价为牛仔蓝色加粗，零售价为灰色划线。底部导航栏：首页（牛仔蓝选中）、分类、购物车、消息、我的。UI界面设计，精致细腻，高保真移动端界面，干净整洁，牛仔女装电商风格

生活APP服务中心页面，风格简洁和谐，功能卡片设计规整，操作入口明确，界面美观易临摹

生活APP服务中心页面，风格简洁和谐，功能卡片设计规整，操作入口明确，界面美观易临摹

生活APP服务中心页面，风格简洁和谐，功能卡片设计规整，操作入口明确，界面美观易临摹

生活APP服务中心页面，风格简洁和谐，功能卡片设计规整，操作入口明确，界面美观易临摹

一张餐饮供应链B2B小程序首页UI设计图，手机竖屏界面，专业商务风格。顶部深蓝色导航栏，左侧显示定位图标和"北京市朝阳区"，右侧有消息和购物车图标。下方是橙色搜索框，内有放大镜图标和"搜索商品/品牌/分类"占位文字。搜索框下方是3张轮播Banner区域，展示食材促销活动，主色调橙色和绿色。Banner下方是8个圆形分类图标，分两行排列：肉禽蛋、蔬菜、水果、粮油调味、冻品水产、预制菜、餐具耗材、更多，每个图标有对应emoji图案和文字标签。再下方是"🔥 今日秒杀"专区，红色标题，横向排列3个商品卡片，每个卡片有商品图、名称、价格和"立即抢"按钮。再下方是"📦 常购清单一键复购"入口，橙色背景卡片。再下方是"🌟 热销榜单"标题，纵向排列2个商品大图卡，左侧商品图，右侧商品名称、价格、起订量和加入购物车按钮。最底部是Tab导航栏：首页（选中橙色）、分类、购物车、订单、我的。整体配色：主色橙色#FF6B35，辅助色绿色和深蓝色，背景浅灰色，卡片白色，界面干净专业，高保真UI设计，细节丰富，像素级精致

一张餐饮供应链B2B小程序首页UI设计图，手机竖屏界面，专业商务风格。顶部深蓝色导航栏，左侧显示定位图标和"北京市朝阳区"，右侧有消息和购物车图标。下方是橙色搜索框，内有放大镜图标和"搜索商品/品牌/分类"占位文字。搜索框下方是3张轮播Banner区域，展示食材促销活动，主色调橙色和绿色。Banner下方是8个圆形分类图标，分两行排列：肉禽蛋、蔬菜、水果、粮油调味、冻品水产、预制菜、餐具耗材、更多，每个图标有对应emoji图案和文字标签。再下方是"🔥 今日秒杀"专区，红色标题，横向排列3个商品卡片，每个卡片有商品图、名称、价格和"立即抢"按钮。再下方是"📦 常购清单一键复购"入口，橙色背景卡片。再下方是"🌟 热销榜单"标题，纵向排列2个商品大图卡，左侧商品图，右侧商品名称、价格、起订量和加入购物车按钮。最底部是Tab导航栏：首页（选中橙色）、分类、购物车、订单、我的。整体配色：主色橙色#FF6B35，辅助色绿色和深蓝色，背景浅灰色，卡片白色，界面干净专业，高保真UI设计，细节丰富，像素级精致

1ra8e6bcorKM72vA-HB

参考图例的UI设计风格，生成校园餐供应商移动端接单与食材报价界面，竖版9:16手机比例。界面顶部为蓝色导航栏，左侧有返回箭头，中间标题为"订单报价"，右侧有消息图标。下方有两个标签页：待接单、已接单，当前选中"待接单"。主体区域从上到下：1.顶部预警提示卡片，橙色背景，显示"价格预警：县教育主管部门指导价为最高限价，超出将自动预警"；2.订单列表卡片，每张订单卡片包含：学校名称、订单编号、下单时间、配送日期，下方食材列表每行显示：食材名称、规格、县指导价（灰色小字标注）、供应商报价输入框（可修改单价），若报价高于指导价则输入框边框变红并显示红色预警图标和"超出指导价"提示；3.订单底部操作区：左侧显示订单总金额，右侧有"拒绝"和"确认接单"两个按钮。整体采用浅紫到浅蓝渐变背景，卡片为白色圆角设计，蓝色主色调，橙色预警色，UI风格简洁现代，与参考图例视觉风格完全一致，适配手机移动端竖屏布局。

参考图例的UI设计风格，生成校园餐供应商移动端接单与食材报价界面，竖版9:16手机比例。界面顶部为蓝色导航栏，左侧有返回箭头，中间标题为"订单报价"，右侧有消息图标。下方有两个标签页：待接单、已接单，当前选中"待接单"。主体区域从上到下：1.顶部预警提示卡片，橙色背景，显示"价格预警：县教育主管部门指导价为最高限价，超出将自动预警"；2.订单列表卡片，每张订单卡片包含：学校名称、订单编号、下单时间、配送日期，下方食材列表每行显示：食材名称、规格、县指导价（灰色小字标注）、供应商报价输入框（可修改单价），若报价高于指导价则输入框边框变红并显示红色预警图标和"超出指导价"提示；3.订单底部操作区：左侧显示订单总金额，右侧有"拒绝"和"确认接单"两个按钮。整体采用浅紫到浅蓝渐变背景，卡片为白色圆角设计，蓝色主色调，橙色预警色，UI风格简洁现代，与参考图例视觉风格完全一致，适配手机移动端竖屏布局。

1q5brjneengrk3p6-HB

将图片二中的淘宝界面内容准确贴入图片一中两个手机的屏幕内，保持手机样机边框和角度不变，屏幕内容清晰，透视和光影匹配样机效果

将图片二中的淘宝界面内容准确贴入图片一中两个手机的屏幕内，保持手机样机边框和角度不变，屏幕内容清晰，透视和光影匹配样机效果

对微信小程序首页所有内容进行全新排版布局，保留原有全部功能和文字内容：早上好问候栏、今日数据概览、待跟进提醒、四个快速入口、底部导航，重新规划模块间距和布局结构，优化排版让信息层次更清晰，保持绿色清爽现代UI设计风格，手机竖屏界面

对微信小程序首页所有内容进行全新排版布局，保留原有全部功能和文字内容：早上好问候栏、今日数据概览、待跟进提醒、四个快速入口、底部导航，重新规划模块间距和布局结构，优化排版让信息层次更清晰，保持绿色清爽现代UI设计风格，手机竖屏界面

扣除选择的部分

扣除选择的部分