生成微信小程序‘模式与增值服务页’UI（纯屏幕内容），比例9:16，2K分辨率。背景浅蓝灰渐变（#E8F2FA → #DDECF7）-GD564290739-稿定 AI

创意预览图

生成微信小程序‘模式与增值服务页’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底，白字加粗）。无冗余元素，全程呼应‘先扫码’逻辑，贴合微信小程序交互习惯。

将1:1价格表转换为微信小程序竖屏页面，保持原有内容与排版层级不变，适配手机9:16比例。顶部保留微信导航栏（左返回箭头，标题‘价格说明’），背景沿用浅蓝灰渐变，保留全部价格文字结构，去除正方形外框，整体风格和之前的小程序页面统一，分辨率2K。

将1:1价格表转换为微信小程序竖屏页面，保持原有内容与排版层级不变，适配手机9:16比例。顶部保留微信导航栏（左返回箭头，标题‘价格说明’），背景沿用浅蓝灰渐变，保留全部价格文字结构，去除正方形外框，整体风格和之前的小程序页面统一，分辨率2K。

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

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

生成微信小程序‘设备远程监控页’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设计，操作流程直观

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

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

[第3屏] 家政服务项目总览卡片展示。 [氛围/风格] 清新专业，卡片式布局，图标+文字组合，信息层级清晰，商业设计感。 [元素布局] 画面顶部为标题区，下方是2x3的服务卡片网格，共6张服务项目卡片，每张卡片包含：彩色图标、服务名称、简短说明、价格标签；卡片内容分别为：日常保洁、深度清洁、开荒保洁、家电清洗、玻璃清洁、厨房专项；卡片之间有均匀间距，背景为浅色渐变，底部有「更多服务请咨询」引导。 [光影质感] 卡片有轻微投影和圆角，悬浮感设计，整体光线均匀明亮，无强烈阴影。 [配色色系] 全局底色 #F5F9F7 浅青白；主色 #2BAE8F 清新绿用于标题和重点卡片；辅助色 #4A90D9 蓝、#FFB84D 黄、#FF8A65 橙分别用于不同类别卡片图标；卡片底色为白色。 [视角构图] 垂直排版，从上到下阅读，卡片网格居中对齐，信息密度适中。 [文字版式] 顶部大标题「六大服务全面守护」，副标题「按需选择灵活预约」；每张卡片内：上方圆形彩色图标，中间服务名称加粗大字，下方小字说明，右下角小标签价格/起；底部绿色按钮样式文字「立即预约专属方案」；所有文字清晰可读，无衬线黑体。 [比例分辨率] 9:16 竖版比例，4K 分辨率，文字清晰可辨，高清画质。 [负向提示词] 变形，水印，文字错乱，文字过小，卡片变形，颜色偏差，低俗。

[第3屏] 家政服务项目总览卡片展示。
[氛围/风格] 清新专业，卡片式布局，图标+文字组合，信息层级清晰，商业设计感。
[元素布局] 画面顶部为标题区，下方是2x3的服务卡片网格，共6张服务项目卡片，每张卡片包含：彩色图标、服务名称、简短说明、价格标签；卡片内容分别为：日常保洁、深度清洁、开荒保洁、家电清洗、玻璃清洁、厨房专项；卡片之间有均匀间距，背景为浅色渐变，底部有「更多服务请咨询」引导。
[光影质感] 卡片有轻微投影和圆角，悬浮感设计，整体光线均匀明亮，无强烈阴影。
[配色色系] 全局底色 #F5F9F7 浅青白；主色 #2BAE8F 清新绿用于标题和重点卡片；辅助色 #4A90D9 蓝、#FFB84D 黄、#FF8A65 橙分别用于不同类别卡片图标；卡片底色为白色。
[视角构图] 垂直排版，从上到下阅读，卡片网格居中对齐，信息密度适中。
[文字版式] 顶部大标题「六大服务全面守护」，副标题「按需选择灵活预约」；每张卡片内：上方圆形彩色图标，中间服务名称加粗大字，下方小字说明，右下角小标签价格/起；底部绿色按钮样式文字「立即预约专属方案」；所有文字清晰可读，无衬线黑体。
[比例分辨率] 9:16 竖版比例，4K 分辨率，文字清晰可辨，高清画质。
[负向提示词] 变形，水印，文字错乱，文字过小，卡片变形，颜色偏差，低俗。

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

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

1q20jqx65jc8j9fa-HB

生成一张微信小程序竖屏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（纯屏幕内容），比例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，右侧带>箭头），点击后触发输入框。无边框、无装饰、无冗余元素，严格遵循微信小程序交互规范，确保扫码引导清晰高效。

[第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

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

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

69u7fi778fXToow-HB

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

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

设计一个自助选择开通图，展示单次付费和按需购买两种会员体系选项，界面清晰现代，包含两个选项卡片，分别标注"单次付费"和"按需购买"文案，整体风格简洁专业，适合产品开通页面使用

设计一个自助选择开通图，展示单次付费和按需购买两种会员体系选项，界面清晰现代，包含两个选项卡片，分别标注"单次付费"和"按需购买"文案，整体风格简洁专业，适合产品开通页面使用

之之大王👑

[第7屏] 适用范围页，可清洗衣物鞋履品类展示。[氛围/风格] 品类展示风，清爽整洁，信息清晰。[元素布局] 顶部标题，下方采用网格展示6类可清洗品类，每个品类配简约图标和名称，背景为纯白色，品类卡片浅蓝色圆角设计，整体干净整齐。[光影质感] 整体均匀光照，卡片投影自然，图标和文字清晰明亮。[配色色系] 全局底色 #ffffff，卡片浅蓝色 #dbeafe，标题深蓝色 #1e3a8a，品类名称深灰色 #1f2937。[视角构图] 竖向排列，三行两栏网格布局，符合移动端9:16比例浏览。[文字版式] 顶部标题「可洗护品类涵盖」深蓝色居中，六个品类分别是羽绒服、毛呢大衣、风衣外套、休闲运动鞋、帆布鞋、皮具护理，每个品类卡片内文字居中，图标在上文字在下，字号适中清晰可读。[比例分辨率] 9:16 竖版比例，4K分辨率，文字清晰。[负向提示词] 网格排列错乱，文字重叠，图标变形，色彩冲突，文字模糊。

[第7屏] 适用范围页，可清洗衣物鞋履品类展示。[氛围/风格] 品类展示风，清爽整洁，信息清晰。[元素布局] 顶部标题，下方采用网格展示6类可清洗品类，每个品类配简约图标和名称，背景为纯白色，品类卡片浅蓝色圆角设计，整体干净整齐。[光影质感] 整体均匀光照，卡片投影自然，图标和文字清晰明亮。[配色色系] 全局底色 #ffffff，卡片浅蓝色 #dbeafe，标题深蓝色 #1e3a8a，品类名称深灰色 #1f2937。[视角构图] 竖向排列，三行两栏网格布局，符合移动端9:16比例浏览。[文字版式] 顶部标题「可洗护品类涵盖」深蓝色居中，六个品类分别是羽绒服、毛呢大衣、风衣外套、休闲运动鞋、帆布鞋、皮具护理，每个品类卡片内文字居中，图标在上文字在下，字号适中清晰可读。[比例分辨率] 9:16 竖版比例，4K分辨率，文字清晰。[负向提示词] 网格排列错乱，文字重叠，图标变形，色彩冲突，文字模糊。

1q20jqx65jc8j9fa-HB