生成微信小程序‘模式与增值服务页’UI（纯屏幕内容），比例9:… - 图片创意预览

生成微信小程序‘模式与增值服务页’UI（纯屏幕内容），比例9:…

生成微信小程序‘模式与增值服务页’UI（纯屏幕内容），比例9:16，2K分辨率。背景浅蓝灰渐变（#E8F2FA → #DDECF7）。顶部微信导航栏：左返回箭头，居中标题‘选择模式与服务’（16px黑

GD564290739

2026.05.12

生成微信小程序‘模式与增值服务页’UI（纯屏幕内容），比例9:16，2K分辨率。背景浅蓝灰渐变（#E8F2FA → #DDECF7）。顶部微信导航栏：左返回箭头，居中标题‘选择模式与服务’（16px黑体）。下方提示文字：‘已完成扫码关联设备（设备编号：设备01），请选择洗护模式与服务’（14px #555）。上半部分：两个对称触控按钮——左‘自洗+烘干’（主蓝#6FC9F2底，白字加粗），下附‘手动操作，灵活控制’；右‘全自动洗烘’（浅灰#F0F4F8底，深灰字），下附‘一键启动，30分钟基础时长’；按钮高度占屏18%，带轻微阴影反馈。下半部分：4个勾选框（圆角矩形，浅灰底），内容为‘护毛素护理（+3元）’‘除蚤浴液（+5元）’‘烘干加强（+2元）’‘温和香氛（+1元）’，右侧对齐价格；勾选后下方显示‘已选服务：XXX 合计：XXX元’（14px #333）。底部超大触控按钮‘确认选择，去支付’（主蓝#6FC9F2底，白字加粗，高度占屏12%）。无冗余元素，文字清晰，适配微信小程序交互规范。

生成微信小程序‘模式与增值服务页’UI（纯屏幕内容），比例9:16，2K分辨率。背景浅蓝灰渐变（#E8F2FA → #DDECF7）。顶部微信导航栏：左返回箭头，居中标题‘选择模式与服务’（16px黑体）。下方提示文字：‘已完成扫码关联设备（设备编号：设备01），请选择洗护模式与服务’（14px #555）。上半部分：两个对称触控按钮——左‘自洗+烘干’（主蓝#6FC9F2底，白字加粗），下附‘手动操作，灵活控制’；右‘全自动洗烘’（浅灰#F0F4F8底，深灰字），下附‘一键启动，30分钟基础时长’；按钮高度占屏18%，带轻微阴影反馈。下半部分：4个勾选框（圆角矩形，浅灰底），内容为‘护毛素护理（+3元）’‘除蚤浴液（+5元）’‘烘干加强（+2元）’‘温和香氛（+1元）’，右侧对齐价格；勾选后下方显示‘已选服务：XXX 合计：XXX元’（14px #333）。底部超大触控按钮‘确认选择，去支付’（主蓝#6FC9F2底，白字加粗，高度占屏12%）。无冗余元素，文字清晰，适配微信小程序交互规范。

生成微信小程序‘订单结算与评价页’UI（纯屏幕内容），比例9:16，2K分辨率。背景浅蓝灰渐变（#E8F2FA → #DDECF7）。顶部微信导航栏：左返回箭头，居中标题‘洗护完成🎉’（16px黑体）。下方提示：‘已扫码关联设备（设备编号：设备01），订单已生成’（14px #555）。订单详情区：‘实际使用时长：28分钟’‘基础费用：12.9元’‘增值服务费用：8元’‘超时费用（如有）：0元’‘最终结算金额：20.9元’（14px深灰，金额加粗突出）。中间状态区：显示绿色‘支付成功’提示（带对勾图标），替代按钮（因已支付）。下方评价区：5颗空心星（可点击评分）+ 输入框提示‘输入您的使用体验，评价有礼’（12px #777），底部标注‘评价有礼，下次使用立减2元’（12px #FF6B35）。底部两辅助按钮：左‘返回首页’（浅灰底），右‘查看历史订单’（主蓝#6FC9F2底，白字加粗）。无冗余元素，全程呼应‘先扫码’逻辑，贴合微信小程序交互习惯。

生成微信小程序‘订单结算与评价页’UI（纯屏幕内容），比例9:16，2K分辨率。背景浅蓝灰渐变（#E8F2FA → #DDECF7）。顶部微信导航栏：左返回箭头，居中标题‘洗护完成🎉’（16px黑体）。下方提示：‘已扫码关联设备（设备编号：设备01），订单已生成’（14px #555）。订单详情区：‘实际使用时长：28分钟’‘基础费用：12.9元’‘增值服务费用：8元’‘超时费用（如有）：0元’‘最终结算金额：20.9元’（14px深灰，金额加粗突出）。中间状态区：显示绿色‘支付成功’提示（带对勾图标），替代按钮（因已支付）。下方评价区：5颗空心星（可点击评分）+ 输入框提示‘输入您的使用体验，评价有礼’（12px #777），底部标注‘评价有礼，下次使用立减2元’（12px #FF6B35）。底部两辅助按钮：左‘返回首页’（浅灰底），右‘查看历史订单’（主蓝#6FC9F2底，白字加粗）。无冗余元素，全程呼应‘先扫码’逻辑，贴合微信小程序交互习惯。

生成微信小程序‘订单结算与评价页’UI（纯屏幕内容），比例9:16，2K分辨率。背景浅蓝灰渐变（#E8F2FA → #DDECF7）。顶部微信导航栏：左返回箭头，居中标题‘洗护完成🎉’（16px黑体）。下方提示：‘已扫码关联设备（设备编号：设备01），订单已生成’（14px #555）。订单详情区：‘实际使用时长：28分钟’‘基础费用：12.9元’‘增值服务费用：8元’‘超时费用（如有）：0元’‘最终结算金额：20.9元’（14px深灰，金额加粗突出）。中间状态区：显示绿色‘支付成功’提示（带对勾图标），替代按钮（因已支付）。下方评价区：5颗空心星（可点击评分）+ 输入框提示‘输入您的使用体验，评价有礼’（12px #777），底部标注‘评价有礼，下次使用立减2元’（12px #FF6B35）。底部两辅助按钮：左‘返回首页’（浅灰底），右‘查看历史订单’（主蓝#6FC9F2底，白字加粗）。无冗余元素，全程呼应‘先扫码’逻辑，贴合微信小程序交互习惯。

生成微信小程序‘订单结算与评价页’UI（纯屏幕内容），比例9:16，2K分辨率。背景浅蓝灰渐变（#E8F2FA → #DDECF7）。顶部微信导航栏：左返回箭头，居中标题‘洗护完成🎉’（16px黑体）。下方提示：‘已扫码关联设备（设备编号：设备01），订单已生成’（14px #555）。订单详情区：‘实际使用时长：28分钟’‘基础费用：12.9元’‘增值服务费用：8元’‘超时费用（如有）：0元’‘最终结算金额：20.9元’（14px深灰，金额加粗突出）。中间状态区：显示绿色‘支付成功’提示（带对勾图标），替代按钮（因已支付）。下方评价区：5颗空心星（可点击评分）+ 输入框提示‘输入您的使用体验，评价有礼’（12px #777），底部标注‘评价有礼，下次使用立减2元’（12px #FF6B35）。底部两辅助按钮：左‘返回首页’（浅灰底），右‘查看历史订单’（主蓝#6FC9F2底，白字加粗）。无冗余元素，全程呼应‘先扫码’逻辑，贴合微信小程序交互习惯。

生成微信小程序‘设备远程监控页’UI（纯屏幕内容），比例9:160，2K分辨率。背景浅蓝灰渐变（#E8F2FA → #DDECF7）。顶部微信导航栏：左返回箭头，居中标题‘设备01 · 已扫码关联’（16px黑体）。中部为设备舱内画面入口——占屏高35%的圆角矩形区域（灰色占位图+‘点击全屏查看’提示文字），下方超大字体显示：‘模式：自洗+烘干’‘剩余：25:30’（主蓝#6FC9F2，加粗，占屏高18%）。再下三按钮横向排列：左‘一键停止’（深灰#666底，白字），中‘延长时长’（浅蓝#D1E7F5底，深灰字），右‘异常求助’（浅红#FFE8E8底，红字加粗）——按钮高度占屏14%，间距适中。底部两行小字：左‘统一按时长计费，超时0.4元/分钟，封顶10元’，右‘设备运行中请看好宠物’（12px #777）。无装饰、无冗余元素，严格贴合微信小程序轻量化远程监控需求。

生成微信小程序‘设备远程监控页’UI（纯屏幕内容），比例9:160，2K分辨率。背景浅蓝灰渐变（#E8F2FA → #DDECF7）。顶部微信导航栏：左返回箭头，居中标题‘设备01 · 已扫码关联’（16px黑体）。中部为设备舱内画面入口——占屏高35%的圆角矩形区域（灰色占位图+‘点击全屏查看’提示文字），下方超大字体显示：‘模式：自洗+烘干’‘剩余：25:30’（主蓝#6FC9F2，加粗，占屏高18%）。再下三按钮横向排列：左‘一键停止’（深灰#666底，白字），中‘延长时长’（浅蓝#D1E7F5底，深灰字），右‘异常求助’（浅红#FFE8E8底，红字加粗）——按钮高度占屏14%，间距适中。底部两行小字：左‘统一按时长计费，超时0.4元/分钟，封顶10元’，右‘设备运行中请看好宠物’（12px #777）。无装饰、无冗余元素，严格贴合微信小程序轻量化远程监控需求。

生成微信小程序‘设备远程监控页’UI（纯屏幕内容），比例9:160，2K分辨率。背景浅蓝灰渐变（#E8F2FA → #DDECF7）。顶部微信导航栏：左返回箭头，居中标题‘设备01 · 已扫码关联’（16px黑体）。中部为设备舱内画面入口——占屏高35%的圆角矩形区域（灰色占位图+‘点击全屏查看’提示文字），下方超大字体显示：‘模式：自洗+烘干’‘剩余：25:30’（主蓝#6FC9F2，加粗，占屏高18%）。再下三按钮横向排列：左‘一键停止’（深灰#666底，白字），中‘延长时长’（浅蓝#D1E7F5底，深灰字），右‘异常求助’（浅红#FFE8E8底，红字加粗）——按钮高度占屏14%，间距适中。底部两行小字：左‘统一按时长计费，超时0.4元/分钟，封顶10元’，右‘设备运行中请看好宠物’（12px #777）。无装饰、无冗余元素，严格贴合微信小程序轻量化远程监控需求。

生成微信小程序‘设备远程监控页’UI（纯屏幕内容），比例9:160，2K分辨率。背景浅蓝灰渐变（#E8F2FA → #DDECF7）。顶部微信导航栏：左返回箭头，居中标题‘设备01 · 已扫码关联’（16px黑体）。中部为设备舱内画面入口——占屏高35%的圆角矩形区域（灰色占位图+‘点击全屏查看’提示文字），下方超大字体显示：‘模式：自洗+烘干’‘剩余：25:30’（主蓝#6FC9F2，加粗，占屏高18%）。再下三按钮横向排列：左‘一键停止’（深灰#666底，白字），中‘延长时长’（浅蓝#D1E7F5底，深灰字），右‘异常求助’（浅红#FFE8E8底，红字加粗）——按钮高度占屏14%，间距适中。底部两行小字：左‘统一按时长计费，超时0.4元/分钟，封顶10元’，右‘设备运行中请看好宠物’（12px #777）。无装饰、无冗余元素，严格贴合微信小程序轻量化远程监控需求。

保持图片原有内容和布局不变，将图片比例修改为3:4

保持图片原有内容和布局不变，将图片比例修改为3:4

重新设计宠物洗烘一体机一级操作菜单界面，顶部添加简洁醒目的导航栏，包含四个导航选项：【返回首页】 | 【操作指南】 | 【联系客服】 | 【剩余时长】。核心操作区占页面60%，主体内容为第一步：选择洗护模式，放置两个可点击切换的模式卡片，选中状态高亮显示。卡片文案：🔹 模式A：用户自洗 + 机器烘干（自主操作，性价比首选）；🔹 模式B：机器全自动洗烘（一键托管，无需动手）。延续浅蓝色简约清新设计风格，保持现代UI设计感，布局清晰

重新设计宠物洗烘一体机一级操作菜单界面，顶部添加简洁醒目的导航栏，包含四个导航选项：【返回首页】 | 【操作指南】 | 【联系客服】 | 【剩余时长】。核心操作区占页面60%，主体内容为第一步：选择洗护模式，放置两个可点击切换的模式卡片，选中状态高亮显示。卡片文案：🔹 模式A：用户自洗 + 机器烘干（自主操作，性价比首选）；🔹 模式B：机器全自动洗烘（一键托管，无需动手）。延续浅蓝色简约清新设计风格，保持现代UI设计感，布局清晰

保持原内容不变，仅优化清晰度与比例适配：微信小程序首页，含顶部导航栏‘悦宠洗护’、品牌标识、‘扫码启动设备’大按钮、3个设备卡片、底部三入口及标语。确保文字锐利、按钮触控区清晰。

保持原内容不变，仅优化清晰度与比例适配：微信小程序首页，含顶部导航栏‘悦宠洗护’、品牌标识、‘扫码启动设备’大按钮、3个设备卡片、底部三入口及标语。确保文字锐利、按钮触控区清晰。

创意 × 1

生成微信小程序授权后首页UI（纯屏幕内容），比例9:16，2K分辨率。背景浅蓝灰渐变（#E8F2FA → #DDECF7）。顶部为微信标准导航栏，标题‘悦宠洗护’（居中，16px黑体）。下方居中：品牌标识（悦宠洗护Logo）+ 标语‘温柔陪伴每一次洗护’（14px #555）。中部超大触控按钮‘扫码启动设备’（主蓝#6FC9F2底，白字加粗，高度占屏14%，明确突出‘先扫码’核心操作）。按钮下方3个设备卡片：蛋形图标 + 编号（如‘设备01’）+ 距离（‘50m’）+ 状态标签（‘空闲’绿色 / ‘忙碌’灰色）。底部三入口：‘设备说明’‘联系客服’‘我的订单’（14px深灰，等距排列，贴合微信底部导航习惯）。无冗余元素，文字清晰，重点引导扫码优先流程。

生成微信小程序授权后首页UI（纯屏幕内容），比例9:16，2K分辨率。背景浅蓝灰渐变（#E8F2FA → #DDECF7）。顶部为微信标准导航栏，标题‘悦宠洗护’（居中，16px黑体）。下方居中：品牌标识（悦宠洗护Logo）+ 标语‘温柔陪伴每一次洗护’（14px #555）。中部超大触控按钮‘扫码启动设备’（主蓝#6FC9F2底，白字加粗，高度占屏14%，明确突出‘先扫码’核心操作）。按钮下方3个设备卡片：蛋形图标 + 编号（如‘设备01’）+ 距离（‘50m’）+ 状态标签（‘空闲’绿色 / ‘忙碌’灰色）。底部三入口：‘设备说明’‘联系客服’‘我的订单’（14px深灰，等距排列，贴合微信底部导航习惯）。无冗余元素，文字清晰，重点引导扫码优先流程。

生成微信小程序授权后首页UI（纯屏幕内容），比例9:16，2K分辨率。背景浅蓝灰渐变（#E8F2FA → #DDECF7）。顶部为微信标准导航栏，标题‘悦宠洗护’（居中，16px黑体）。下方居中：品牌标识（悦宠洗护Logo）+ 标语‘温柔陪伴每一次洗护’（14px #555）。中部超大触控按钮‘扫码启动设备’（主蓝#6FC9F2底，白字加粗，高度占屏14%，明确突出‘先扫码’核心操作）。按钮下方3个设备卡片：蛋形图标 + 编号（如‘设备01’）+ 距离（‘50m’）+ 状态标签（‘空闲’绿色 / ‘忙碌’灰色）。底部三入口：‘设备说明’‘联系客服’‘我的订单’（14px深灰，等距排列，贴合微信底部导航习惯）。无冗余元素，文字清晰，重点引导扫码优先流程。

生成微信小程序授权后首页UI（纯屏幕内容），比例9:16，2K分辨率。背景浅蓝灰渐变（#E8F2FA → #DDECF7）。顶部为微信标准导航栏，标题‘悦宠洗护’（居中，16px黑体）。下方居中：品牌标识（悦宠洗护Logo）+ 标语‘温柔陪伴每一次洗护’（14px #555）。中部超大触控按钮‘扫码启动设备’（主蓝#6FC9F2底，白字加粗，高度占屏14%，明确突出‘先扫码’核心操作）。按钮下方3个设备卡片：蛋形图标 + 编号（如‘设备01’）+ 距离（‘50m’）+ 状态标签（‘空闲’绿色 / ‘忙碌’灰色）。底部三入口：‘设备说明’‘联系客服’‘我的订单’（14px深灰，等距排列，贴合微信底部导航习惯）。无冗余元素，文字清晰，重点引导扫码优先流程。

创意 × 1

生成宠物洗烘一体机三级页面第三步：确认支付启动设备界面，延续浅蓝色简约清新设计风格，清晰展示已选套餐详情：包括洗护模式、宠物体型、套餐价格、套餐时长及预计完成时间。支持微信扫码支付、支付宝扫码支付两种方式，展示对应二维码占位区域。底部放置两个操作按钮：【确认支付，启动设备】和【取消选择，重新操作】，并添加支付注意事项补充说明。布局清晰，保持1:1比例，现代UI设计，操作流程直观

生成宠物洗烘一体机三级页面第三步：确认支付启动设备界面，延续浅蓝色简约清新设计风格，清晰展示已选套餐详情：包括洗护模式、宠物体型、套餐价格、套餐时长及预计完成时间。支持微信扫码支付、支付宝扫码支付两种方式，展示对应二维码占位区域。底部放置两个操作按钮：【确认支付，启动设备】和【取消选择，重新操作】，并添加支付注意事项补充说明。布局清晰，保持1:1比例，现代UI设计，操作流程直观

[第8屏] 行动号召页，预约下单引导与售后说明。[氛围/风格] 营销转化风，清新明快，引导性强。[元素布局] 顶部放置服务 slogan，中部展示核心优势，下方放置预约引导按钮，底部放置服务说明文字。背景浅蓝色渐变干净简约，按钮圆角设计突出视觉焦点。[光影质感] 整体明亮，按钮区域光影对比突出，文字清晰醒目，引导性强。[配色色系] 全局底色 #eff6ff，主按钮深蓝色 #2563eb，按钮文字白色，标题深蓝色 #1e40af，说明文字灰色 #64748b。[视角构图] 从上到下纵向排版，焦点集中在预约按钮区域，符合移动端转化逻辑。[文字版式] 顶部slogan「轻松洗护无需出门」加粗深蓝色居中，中部三点优势罗列：上门取送，专业洗护，性价比高，底部大按钮「立即预约上门」蓝底白字，按钮下方小字说明「支持淘宝/天猫下单，全程售后保障」，文字清晰，重点突出，引导明确。[比例分辨率] 9:16 竖版比例，4K分辨率，文字清晰可辨。[负向提示词] 按钮变形，文字遮挡，配色不协调，文字模糊，虚假宣传极限词。

[第8屏] 行动号召页，预约下单引导与售后说明。[氛围/风格] 营销转化风，清新明快，引导性强。[元素布局] 顶部放置服务 slogan，中部展示核心优势，下方放置预约引导按钮，底部放置服务说明文字。背景浅蓝色渐变干净简约，按钮圆角设计突出视觉焦点。[光影质感] 整体明亮，按钮区域光影对比突出，文字清晰醒目，引导性强。[配色色系] 全局底色 #eff6ff，主按钮深蓝色 #2563eb，按钮文字白色，标题深蓝色 #1e40af，说明文字灰色 #64748b。[视角构图] 从上到下纵向排版，焦点集中在预约按钮区域，符合移动端转化逻辑。[文字版式] 顶部slogan「轻松洗护无需出门」加粗深蓝色居中，中部三点优势罗列：上门取送，专业洗护，性价比高，底部大按钮「立即预约上门」蓝底白字，按钮下方小字说明「支持淘宝/天猫下单，全程售后保障」，文字清晰，重点突出，引导明确。[比例分辨率] 9:16 竖版比例，4K分辨率，文字清晰可辨。[负向提示词] 按钮变形，文字遮挡，配色不协调，文字模糊，虚假宣传极限词。

1q20jqx65jc8j9fa-HB

保持图片原有内容和布局不变，将图片比例修改为3:4

保持图片原有内容和布局不变，将图片比例修改为3:4

电商详情页服务对比表格页，深度保洁vs日常保洁对比。天蓝色主题色，参考原图的表格结构重新美化设计。顶部标题「深度保洁升级服务」配天蓝色装饰条。三列表格：左侧「服务项目」列灰色表头，中间「深度保洁」列天蓝色高亮表头，右侧「日常保洁」列浅灰色表头。表格行依次为：表面除尘(地面柜面厨卫)两行都有对勾、台面整理两行都有对勾、水渍清理深度保洁有对勾日常保洁叉号、厨房精细打扫深度保洁有对勾日常保洁叉号、卫生间消毒深度保洁有对勾日常保洁叉号、橱柜内部清洁深度保洁有对勾日常保洁叉号、内饰玻璃(拉门窗框除尘)深度保洁有对勾日常保洁叉号。对勾用天蓝色圆形图标，叉号用浅灰色圆形图标。深度保洁整列用淡天蓝色背景突出。底部小字备注：卫生间、厨房、内饰玻璃三选一重点做，请在阿姨上门后与阿姨沟通。整体干净清爽，信息层级清晰，天蓝色主色调，白色背景。文字清晰可读，移动端适配。

电商详情页服务对比表格页，深度保洁vs日常保洁对比。天蓝色主题色，参考原图的表格结构重新美化设计。顶部标题「深度保洁升级服务」配天蓝色装饰条。三列表格：左侧「服务项目」列灰色表头，中间「深度保洁」列天蓝色高亮表头，右侧「日常保洁」列浅灰色表头。表格行依次为：表面除尘(地面柜面厨卫)两行都有对勾、台面整理两行都有对勾、水渍清理深度保洁有对勾日常保洁叉号、厨房精细打扫深度保洁有对勾日常保洁叉号、卫生间消毒深度保洁有对勾日常保洁叉号、橱柜内部清洁深度保洁有对勾日常保洁叉号、内饰玻璃(拉门窗框除尘)深度保洁有对勾日常保洁叉号。对勾用天蓝色圆形图标，叉号用浅灰色圆形图标。深度保洁整列用淡天蓝色背景突出。底部小字备注：卫生间、厨房、内饰玻璃三选一重点做，请在阿姨上门后与阿姨沟通。整体干净清爽，信息层级清晰，天蓝色主色调，白色背景。文字清晰可读，移动端适配。

电商详情页服务对比表格页，深度保洁vs日常保洁对比。天蓝色主题色，参考原图的表格结构重新美化设计。顶部标题「深度保洁升级服务」配天蓝色装饰条。三列表格：左侧「服务项目」列灰色表头，中间「深度保洁」列天蓝色高亮表头，右侧「日常保洁」列浅灰色表头。表格行依次为：表面除尘(地面柜面厨卫)两行都有对勾、台面整理两行都有对勾、水渍清理深度保洁有对勾日常保洁叉号、厨房精细打扫深度保洁有对勾日常保洁叉号、卫生间消毒深度保洁有对勾日常保洁叉号、橱柜内部清洁深度保洁有对勾日常保洁叉号、内饰玻璃(拉门窗框除尘)深度保洁有对勾日常保洁叉号。对勾用天蓝色圆形图标，叉号用浅灰色圆形图标。深度保洁整列用淡天蓝色背景突出。底部小字备注：卫生间、厨房、内饰玻璃三选一重点做，请在阿姨上门后与阿姨沟通。整体干净清爽，信息层级清晰，天蓝色主色调，白色背景。文字清晰可读，移动端适配。

电商详情页服务对比表格页，深度保洁vs日常保洁对比。天蓝色主题色，参考原图的表格结构重新美化设计。顶部标题「深度保洁升级服务」配天蓝色装饰条。三列表格：左侧「服务项目」列灰色表头，中间「深度保洁」列天蓝色高亮表头，右侧「日常保洁」列浅灰色表头。表格行依次为：表面除尘(地面柜面厨卫)两行都有对勾、台面整理两行都有对勾、水渍清理深度保洁有对勾日常保洁叉号、厨房精细打扫深度保洁有对勾日常保洁叉号、卫生间消毒深度保洁有对勾日常保洁叉号、橱柜内部清洁深度保洁有对勾日常保洁叉号、内饰玻璃(拉门窗框除尘)深度保洁有对勾日常保洁叉号。对勾用天蓝色圆形图标，叉号用浅灰色圆形图标。深度保洁整列用淡天蓝色背景突出。底部小字备注：卫生间、厨房、内饰玻璃三选一重点做，请在阿姨上门后与阿姨沟通。整体干净清爽，信息层级清晰，天蓝色主色调，白色背景。文字清晰可读，移动端适配。

电商详情页服务对比表格页，深度保洁vs日常保洁对比。天蓝色主题色，参考原图的表格结构重新美化设计。顶部标题「深度保洁升级服务」配天蓝色装饰条。三列表格：左侧「服务项目」列灰色表头，中间「深度保洁」列天蓝色高亮表头，右侧「日常保洁」列浅灰色表头。表格行依次为：表面除尘(地面柜面厨卫)两行都有对勾、台面整理两行都有对勾、水渍清理深度保洁有对勾日常保洁叉号、厨房精细打扫深度保洁有对勾日常保洁叉号、卫生间消毒深度保洁有对勾日常保洁叉号、橱柜内部清洁深度保洁有对勾日常保洁叉号、内饰玻璃(拉门窗框除尘)深度保洁有对勾日常保洁叉号。对勾用天蓝色圆形图标，叉号用浅灰色圆形图标。深度保洁整列用淡天蓝色背景突出。底部小字备注：卫生间、厨房、内饰玻璃三选一重点做，请在阿姨上门后与阿姨沟通。整体干净清爽，信息层级清晰，天蓝色主色调，白色背景。文字清晰可读，移动端适配。

电商详情页服务对比表格页，深度保洁vs日常保洁对比。天蓝色主题色，参考原图的表格结构重新美化设计。顶部标题「深度保洁升级服务」配天蓝色装饰条。三列表格：左侧「服务项目」列灰色表头，中间「深度保洁」列天蓝色高亮表头，右侧「日常保洁」列浅灰色表头。表格行依次为：表面除尘(地面柜面厨卫)两行都有对勾、台面整理两行都有对勾、水渍清理深度保洁有对勾日常保洁叉号、厨房精细打扫深度保洁有对勾日常保洁叉号、卫生间消毒深度保洁有对勾日常保洁叉号、橱柜内部清洁深度保洁有对勾日常保洁叉号、内饰玻璃(拉门窗框除尘)深度保洁有对勾日常保洁叉号。对勾用天蓝色圆形图标，叉号用浅灰色圆形图标。深度保洁整列用淡天蓝色背景突出。底部小字备注：卫生间、厨房、内饰玻璃三选一重点做，请在阿姨上门后与阿姨沟通。整体干净清爽，信息层级清晰，天蓝色主色调，白色背景。文字清晰可读，移动端适配。

生成一张微信小程序竖屏UI设计图，宽高比为9:16，深色专业风，与智宅焕后台管理端深蓝灰色调统一，是客户点击开始下单后进入的下单选择页面。从上到下布局： 1. 顶部步骤指示器：显示下单流程步骤条「①服务模式 → ②城市选择 → ③服务与计价 → ④确认支付」，当前①服务模式和②城市选择高亮，后续步骤置灰。 2. 区域一：选择服务模式，区域标题文字“选择服务模式”，两个大卡片上下排列，互斥选择，点击后切换选中状态：卡片A（当前选中，带高亮边框）：标题“远程服务”，副标题“无需师傅上门”，描述“适用于方案设计、远程技术支持等”，图标用💻示意；卡片B（未选中）：标题“现场服务”，副标题“需师傅上门”，描述“适用于需要师傅到现场的服务”，图标用🔧示意；两个决策卡片醒目，互斥关系清晰。 3. 区域二：选择服务城市，当前选中远程服务，因此用虚线框+文字标注“选择‘现场服务’后将显示城市选择”，示意条件触发状态切换；若选择现场服务，将展示区域标题“选择服务城市”、占位选择框“请选择项目所在城市”和对应提示文字。 4. 底部操作区：固定在底部，显示“下一步：选择服务”按钮，标注说明“当前选择为远程服务，城市选择步骤自动跳过，已完成当前步骤，按钮高亮可点击”。整体风格清晰专业，所有文字清晰可见，使用无衬线字体，和已有智宅焕UI风格保持统一。

生成一张微信小程序竖屏UI设计图，宽高比为9:16，深色专业风，与智宅焕后台管理端深蓝灰色调统一，是客户点击开始下单后进入的下单选择页面。
从上到下布局：
1. 顶部步骤指示器：显示下单流程步骤条「①服务模式 → ②城市选择 → ③服务与计价 → ④确认支付」，当前①服务模式和②城市选择高亮，后续步骤置灰。
2. 区域一：选择服务模式，区域标题文字“选择服务模式”，两个大卡片上下排列，互斥选择，点击后切换选中状态：
卡片A（当前选中，带高亮边框）：标题“远程服务”，副标题“无需师傅上门”，描述“适用于方案设计、远程技术支持等”，图标用💻示意；
卡片B（未选中）：标题“现场服务”，副标题“需师傅上门”，描述“适用于需要师傅到现场的服务”，图标用🔧示意；两个决策卡片醒目，互斥关系清晰。
3. 区域二：选择服务城市，当前选中远程服务，因此用虚线框+文字标注“选择‘现场服务’后将显示城市选择”，示意条件触发状态切换；若选择现场服务，将展示区域标题“选择服务城市”、占位选择框“请选择项目所在城市”和对应提示文字。
4. 底部操作区：固定在底部，显示“下一步：选择服务”按钮，标注说明“当前选择为远程服务，城市选择步骤自动跳过，已完成当前步骤，按钮高亮可点击”。
整体风格清晰专业，所有文字清晰可见，使用无衬线字体，和已有智宅焕UI风格保持统一。

生成一张微信小程序竖屏UI设计图，宽高比为9:16，深色专业风，与智宅焕后台管理端深蓝灰色调统一，是客户点击开始下单后进入的下单选择页面。从上到下布局： 1. 顶部步骤指示器：显示下单流程步骤条「①服务模式 → ②城市选择 → ③服务与计价 → ④确认支付」，当前①服务模式和②城市选择高亮，后续步骤置灰。 2. 区域一：选择服务模式，区域标题文字“选择服务模式”，两个大卡片上下排列，互斥选择，点击后切换选中状态：卡片A（当前选中，带高亮边框）：标题“远程服务”，副标题“无需师傅上门”，描述“适用于方案设计、远程技术支持等”，图标用💻示意；卡片B（未选中）：标题“现场服务”，副标题“需师傅上门”，描述“适用于需要师傅到现场的服务”，图标用🔧示意；两个决策卡片醒目，互斥关系清晰。 3. 区域二：选择服务城市，当前选中远程服务，因此用虚线框+文字标注“选择‘现场服务’后将显示城市选择”，示意条件触发状态切换；若选择现场服务，将展示区域标题“选择服务城市”、占位选择框“请选择项目所在城市”和对应提示文字。 4. 底部操作区：固定在底部，显示“下一步：选择服务”按钮，标注说明“当前选择为远程服务，城市选择步骤自动跳过，已完成当前步骤，按钮高亮可点击”。整体风格清晰专业，所有文字清晰可见，使用无衬线字体，和已有智宅焕UI风格保持统一。

生成一张微信小程序竖屏UI设计图，宽高比为9:16，深色专业风，与智宅焕后台管理端深蓝灰色调统一，是客户点击开始下单后进入的下单选择页面。
从上到下布局：
1. 顶部步骤指示器：显示下单流程步骤条「①服务模式 → ②城市选择 → ③服务与计价 → ④确认支付」，当前①服务模式和②城市选择高亮，后续步骤置灰。
2. 区域一：选择服务模式，区域标题文字“选择服务模式”，两个大卡片上下排列，互斥选择，点击后切换选中状态：
卡片A（当前选中，带高亮边框）：标题“远程服务”，副标题“无需师傅上门”，描述“适用于方案设计、远程技术支持等”，图标用💻示意；
卡片B（未选中）：标题“现场服务”，副标题“需师傅上门”，描述“适用于需要师傅到现场的服务”，图标用🔧示意；两个决策卡片醒目，互斥关系清晰。
3. 区域二：选择服务城市，当前选中远程服务，因此用虚线框+文字标注“选择‘现场服务’后将显示城市选择”，示意条件触发状态切换；若选择现场服务，将展示区域标题“选择服务城市”、占位选择框“请选择项目所在城市”和对应提示文字。
4. 底部操作区：固定在底部，显示“下一步：选择服务”按钮，标注说明“当前选择为远程服务，城市选择步骤自动跳过，已完成当前步骤，按钮高亮可点击”。
整体风格清晰专业，所有文字清晰可见，使用无衬线字体，和已有智宅焕UI风格保持统一。

地尔卫浴小程序智家页面UI设计，科技蓝白色调，智能卫浴场景。顶部导航栏"智家"标题，左侧设备管理，右侧+添加设备。页面顶部是智能卫浴总控卡片，现代卫生间背景图，显示"卫浴模式"大字，有水温、座温、空气质量数据。下方"我的设备"标题栏+管理入口，设备网格展示：智能马桶（显示座温/水温/风温状态）、智能浴室镜、智能花洒、智能浴霸、智能晾衣架、空气净化器，每个设备卡片有图标、名称、在线状态、开关按钮。中间"场景推荐"区域：起床模式（自动开盖+预热座圈）、淋浴模式（花洒+浴霸联动）、夜间模式（柔光夜灯），三个场景卡片。底部"添加智能设备"大按钮。最底部是底部导航栏，5个Tab：首页、积分商城、智家（选中，蓝色高亮）、服务、我的。整体科技感卫浴空间，蓝白配色，UI设计稿，高保真

地尔卫浴小程序智家页面UI设计，科技蓝白色调，智能卫浴场景。顶部导航栏"智家"标题，左侧设备管理，右侧+添加设备。页面顶部是智能卫浴总控卡片，现代卫生间背景图，显示"卫浴模式"大字，有水温、座温、空气质量数据。下方"我的设备"标题栏+管理入口，设备网格展示：智能马桶（显示座温/水温/风温状态）、智能浴室镜、智能花洒、智能浴霸、智能晾衣架、空气净化器，每个设备卡片有图标、名称、在线状态、开关按钮。中间"场景推荐"区域：起床模式（自动开盖+预热座圈）、淋浴模式（花洒+浴霸联动）、夜间模式（柔光夜灯），三个场景卡片。底部"添加智能设备"大按钮。最底部是底部导航栏，5个Tab：首页、积分商城、智家（选中，蓝色高亮）、服务、我的。整体科技感卫浴空间，蓝白配色，UI设计稿，高保真

生成微信小程序扫码启动页UI（纯屏幕内容），比例9:16，2K分辨率。背景浅蓝灰渐变（#E8F2FA → #DDECF7）。顶部为微信标准导航栏：左返回箭头，居中标题‘扫码启动设备’（16px黑体）。中部为微信原生风格扫码框——白色圆角矩形，内含虚线定位框与扫描线动画示意（仅静态图表现），尺寸适配手机摄像头远距识别。扫码框下方小字：‘对准设备机身二维码，快速启动’（14px #555）。底部居中备用入口：‘手动输入设备编号’（14px #777，右侧带>箭头），点击后触发输入框。无边框、无装饰、无冗余元素，严格遵循微信小程序交互规范，确保扫码引导清晰高效。

生成微信小程序扫码启动页UI（纯屏幕内容），比例9:16，2K分辨率。背景浅蓝灰渐变（#E8F2FA → #DDECF7）。顶部为微信标准导航栏：左返回箭头，居中标题‘扫码启动设备’（16px黑体）。中部为微信原生风格扫码框——白色圆角矩形，内含虚线定位框与扫描线动画示意（仅静态图表现），尺寸适配手机摄像头远距识别。扫码框下方小字：‘对准设备机身二维码，快速启动’（14px #555）。底部居中备用入口：‘手动输入设备编号’（14px #777，右侧带>箭头），点击后触发输入框。无边框、无装饰、无冗余元素，严格遵循微信小程序交互规范，确保扫码引导清晰高效。

生成微信小程序扫码启动页UI（纯屏幕内容），比例9:16，2K分辨率。背景浅蓝灰渐变（#E8F2FA → #DDECF7）。顶部为微信标准导航栏：左返回箭头，居中标题‘扫码启动设备’（16px黑体）。中部为微信原生风格扫码框——白色圆角矩形，内含虚线定位框与扫描线动画示意（仅静态图表现），尺寸适配手机摄像头远距识别。扫码框下方小字：‘对准设备机身二维码，快速启动’（14px #555）。底部居中备用入口：‘手动输入设备编号’（14px #777，右侧带>箭头），点击后触发输入框。无边框、无装饰、无冗余元素，严格遵循微信小程序交互规范，确保扫码引导清晰高效。

生成微信小程序扫码启动页UI（纯屏幕内容），比例9:16，2K分辨率。背景浅蓝灰渐变（#E8F2FA → #DDECF7）。顶部为微信标准导航栏：左返回箭头，居中标题‘扫码启动设备’（16px黑体）。中部为微信原生风格扫码框——白色圆角矩形，内含虚线定位框与扫描线动画示意（仅静态图表现），尺寸适配手机摄像头远距识别。扫码框下方小字：‘对准设备机身二维码，快速启动’（14px #555）。底部居中备用入口：‘手动输入设备编号’（14px #777，右侧带>箭头），点击后触发输入框。无边框、无装饰、无冗余元素，严格遵循微信小程序交互规范，确保扫码引导清晰高效。

要根据这个页面的整体配色，再生成一个页面，页面默认开启一个弹窗，这个页面是用户授权的隐私一些，有确认取消按钮，配色要保持统一

要根据这个页面的整体配色，再生成一个页面，页面默认开启一个弹窗，这个页面是用户授权的隐私一些，有确认取消按钮，配色要保持统一

69u7fi778fXToow-HB

[第4屏] 服务流程页，上门干洗清洗服务完整流程展示。[氛围/风格] 简约信息图风格，清晰明了，专业整洁。[元素布局] 顶部标题，下方按时间轴从上到下排列四个服务步骤，每个步骤带序号、图标、标题和简短说明，步骤之间用蓝色虚线箭头连接，引导阅读顺序。背景为纯白色，整体干净简洁。[光影质感] 均匀明亮布光，每个步骤卡片阴影自然，信息层级清晰，文字醒目。[配色色系] 全局底色 #ffffff；序号蓝底白字 #3b82f6；标题深蓝色 #1e3a8a；说明文字灰色 #6b7280；箭头浅蓝色 #93c5fd。[视角构图] 纵向时间轴排版，从上到下依次阅读，符合移动端竖屏浏览逻辑。[文字版式] 顶部标题「便捷服务流程」深蓝色居中，四个步骤依次为：1 在线预约，下单预约，选择时间；2 上门取件，按时上门，收取衣物；3 专业洗护，分类清洗，杀菌消毒；4 送回上门，洗护完成，送回衣物。每个步骤序号为圆形蓝底白字，文字排版清晰，步骤间距均匀。[比例分辨率] 9:16 竖版比例，4K 分辨率，文字清晰可辨。[负向提示词] 流程顺序错乱，箭头错误，文字重叠，背景杂乱，文字模糊。

[第4屏] 服务流程页，上门干洗清洗服务完整流程展示。[氛围/风格] 简约信息图风格，清晰明了，专业整洁。[元素布局] 顶部标题，下方按时间轴从上到下排列四个服务步骤，每个步骤带序号、图标、标题和简短说明，步骤之间用蓝色虚线箭头连接，引导阅读顺序。背景为纯白色，整体干净简洁。[光影质感] 均匀明亮布光，每个步骤卡片阴影自然，信息层级清晰，文字醒目。[配色色系] 全局底色 #ffffff；序号蓝底白字 #3b82f6；标题深蓝色 #1e3a8a；说明文字灰色 #6b7280；箭头浅蓝色 #93c5fd。[视角构图] 纵向时间轴排版，从上到下依次阅读，符合移动端竖屏浏览逻辑。[文字版式] 顶部标题「便捷服务流程」深蓝色居中，四个步骤依次为：1 在线预约，下单预约，选择时间；2 上门取件，按时上门，收取衣物；3 专业洗护，分类清洗，杀菌消毒；4 送回上门，洗护完成，送回衣物。每个步骤序号为圆形蓝底白字，文字排版清晰，步骤间距均匀。[比例分辨率] 9:16 竖版比例，4K 分辨率，文字清晰可辨。[负向提示词] 流程顺序错乱，箭头错误，文字重叠，背景杂乱，文字模糊。

1q20jqx65jc8j9fa-HB

小程序商品分类页面，简约清新风格，分类图标整齐排列，分类名称分别为：拉拉裤、护理垫、纸尿裤、棉柔巾、湿巾、尿壶/便盆、翻身垫，界面简洁易用，适合母婴护理类小程序使用，色彩柔和舒适

小程序商品分类页面，简约清新风格，分类图标整齐排列，分类名称分别为：拉拉裤、护理垫、纸尿裤、棉柔巾、湿巾、尿壶/便盆、翻身垫，界面简洁易用，适合母婴护理类小程序使用，色彩柔和舒适

移动端小程序服务页面UI设计，温馨生活风，暖橙色调。顶部导航栏显示"服务"标题，左侧返回箭头，右侧有客服图标。页面上方是两个大的服务入口卡片，左右并排：左侧"安装服务"卡片，有安装工人图标和"预约安装"按钮；右侧"售后服务"卡片，有维修工具图标和"申请售后"按钮。下方是"我的服务"标题栏，右侧"全部>"。服务订单列表展示3条订单记录，每条有服务类型、订单状态（待上门/进行中/已完成）、预约时间、服务地址，右侧有箭头。中间有"服务进度"追踪卡片，展示当前服务的进度条和节点：已下单→已接单→上门中→服务中→已完成。再下方是"常见问题"FAQ区域，有3个问题条目带箭头。最底部是底部导航栏，5个Tab：首页、积分商城、智家、服务（选中状态，橙色高亮）、我的。整体清晰专业，温暖配色，UI设计稿，高保真

移动端小程序服务页面UI设计，温馨生活风，暖橙色调。顶部导航栏显示"服务"标题，左侧返回箭头，右侧有客服图标。页面上方是两个大的服务入口卡片，左右并排：左侧"安装服务"卡片，有安装工人图标和"预约安装"按钮；右侧"售后服务"卡片，有维修工具图标和"申请售后"按钮。下方是"我的服务"标题栏，右侧"全部>"。服务订单列表展示3条订单记录，每条有服务类型、订单状态（待上门/进行中/已完成）、预约时间、服务地址，右侧有箭头。中间有"服务进度"追踪卡片，展示当前服务的进度条和节点：已下单→已接单→上门中→服务中→已完成。再下方是"常见问题"FAQ区域，有3个问题条目带箭头。最底部是底部导航栏，5个Tab：首页、积分商城、智家、服务（选中状态，橙色高亮）、我的。整体清晰专业，温暖配色，UI设计稿，高保真