微信小程序装修套餐详情页，竖屏手机端UI界面，375px宽度比例，简约现代风格，白色为主背景色，信息清晰层次分明，突出套餐价值和信任感。主色调微信绿色#07C160，促销红色#FF4D4F，正文色#3
高端教学
![生成一张微信小程序竖屏UI设计图，宽高比9:16，深色专业风，与智宅焕前序UI风格保持一致，是下单流程核心页面，客户可在此选配服务、查看计价、填写项目信息，页面内容可滚动。
从上到下布局：
1. 顶部步骤指示器：步骤条为「①服务模式 ✓ → ②城市选择 ✓ → ③服务与计价（当前高亮）→ ④确认支付（置灰）」。
2. 区域一：添加服务与计价，区域标题“选择服务”，全宽虚线边框“+ 添加服务”按钮，下方展示2个已添加服务卡片，核心信息清晰：
服务卡片1：名称“现场安装调试”，标签“按数量计价”，数量选择器[-] 1 [+]，单价¥800/次，小计¥800，右侧×删除按钮。
服务卡片2：名称“智能方案设计”，标签“按面积分档”，面积输入框“120 ㎡”，单价¥15/㎡，小计¥1,800，右侧×删除按钮。
卡片下方实时突出展示“服务总计：¥2,600”。
3. 区域二：填写项目信息，区域标题“项目信息”，依次排列表单占位字段：
项目名称输入框（占位“如：张先生家智能改造”），项目地址（已选城市 + 详细地址输入框，占位“请填写详细地址”），户型面积数字输入框（占位“㎡”），项目类型下拉选择（选项：平层/复式/别墅/工装/其他），需求描述多行文本输入框（占位“请描述您的项目需求...”，标注选填），关联已购产品订单下拉选择框（占位“选择历史订单”，标注选填）。
资料上传区：虚线框上传按钮，带“+ 上传文件”图标，提示文字“请上传户型图、清单、现场照片等资料，有助于我们更快审核您的订单”。
4. 底部固定悬浮操作区：左侧突出展示“订单总价：¥2,600”，右侧主色高亮按钮“提交订单并支付”。
已添加服务卡片为核心信息区，总价视觉突出，所有文字清晰可见，使用无衬线字体，整体风格与前序设计保持统一。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/e600a549-b6c8-4f1f-b576-ac2b51d8e1488195.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第8张] 详情页套餐规格-不同保洁套餐对比。本张使用【图1】场景元素作为装饰参考。
[氛围/风格] 表格卡片对比风，清晰直观，京东专业严谨风格，信息层级分明。
[元素布局] 顶部标题区；中部三个套餐卡片横向排列或纵向堆叠，分别为：单次体验保洁、日常定期保洁（每周/每两周）、深度保洁套餐；每个卡片有套餐名称、价格区间、适用面积、服务时长、包含项目；底部有选择建议。
[光影质感] 均匀平面光，卡片有轻微悬浮投影，层次分明，整体干净专业。
[配色色系] 全局底色 #F7F9FC 浅灰蓝；主推套餐卡片用蓝色渐变 #3498DB 到 #5DADE2 突出；其他套餐用白色卡片；文字深灰 #333333；价格用橙色 #E74C3C 突出。
[视角构图] 卡片式纵向排列或三列横向布局，阅读动线顶部标题 → 中部套餐对比 → 底部选择指南。
[文字版式] 顶部主标题「多种套餐 按需选择」，粗黑体居中；副标题「单次/定期/深度 总有一款适合你」；每个套餐卡片内：套餐名称大字号，价格醒目，下方4-5项服务内容用勾选图标列出；主推套餐标「热门推荐」角标；底部「不知道选哪个？联系客服为您推荐」；文字清晰，价格突出，对比明确。
[比例分辨率] 9:16 竖版比例，4K 分辨率，文字清晰可辨，高清画质。
[负向提示词] 文字过小，表格错乱，水印，颜色偏差，京东logo或平台标识，虚假价格标识。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/607c1b4e-d5b8-44b7-bb1a-012dbb53df8d29589.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第7屏] 收纳服务套餐对比页面，展示不同档位选择。
[氛围/风格] 清晰信息图表风格，专业简洁，日系简约，商业设计质感。
[元素布局] 画面展示三个套餐卡片横向并排，从左到右依次为「基础体验」「标准全屋」「深度定制」，中间的标准套餐高亮突出（有推荐标签和金色边框）；每个卡片内包含套餐名称、价格、适用户型、服务内容清单；卡片底部有「立即预约」按钮样式。背景为浅米色，卡片为白色底带轻微阴影。
[光影质感] 均匀柔和光线，卡片有轻微投影增加立体感，整体干净明亮。
[配色色系] 全局底色 #F7F5F0 米白色；卡片白色底；推荐套餐用浅绿边框+顶部「人气推荐」橙色标签；文字深灰为主，价格用橙色强调。
[视角构图] 三栏卡片横向对比布局，顶部标题区，底部有补充说明文字。
[文字版式] 顶部主标题「选择适合你的套餐」，黑体加粗居中；每个套餐卡片：顶部套餐名称「基础体验」「标准全屋」「深度定制」；价格区「¥xxx起」大号橙色字；适用户型「适合1室/小户型」「适合2-3室」「适合4室+大户型」；服务内容用对勾图标+文字列出3-4项：「空间诊断」「分类整理」「收纳建议」「后续指导」等；底部按钮文字「立即咨询」。
[比例分辨率] 9:16竖版比例，4K分辨率，文字清晰可辨，高清画质。
[负向提示词] 变形，水印，文字错乱，文字过小，卡片变形，价格模糊，颜色偏差。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/3f3aa01a-161a-462b-99ed-44e6e099296416113.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第3屏] 家政服务项目总览卡片展示。
[氛围/风格] 清新专业，卡片式布局，图标+文字组合，信息层级清晰，商业设计感。
[元素布局] 画面顶部为标题区，下方是2x3的服务卡片网格，共6张服务项目卡片，每张卡片包含：彩色图标、服务名称、简短说明、价格标签；卡片内容分别为：日常保洁、深度清洁、开荒保洁、家电清洗、玻璃清洁、厨房专项；卡片之间有均匀间距，背景为浅色渐变，底部有「更多服务请咨询」引导。
[光影质感] 卡片有轻微投影和圆角，悬浮感设计，整体光线均匀明亮，无强烈阴影。
[配色色系] 全局底色 #F5F9F7 浅青白；主色 #2BAE8F 清新绿用于标题和重点卡片；辅助色 #4A90D9 蓝、#FFB84D 黄、#FF8A65 橙分别用于不同类别卡片图标；卡片底色为白色。
[视角构图] 垂直排版，从上到下阅读，卡片网格居中对齐，信息密度适中。
[文字版式] 顶部大标题「六大服务 全面守护」，副标题「按需选择 灵活预约」；每张卡片内：上方圆形彩色图标，中间服务名称加粗大字，下方小字说明，右下角小标签价格/起；底部绿色按钮样式文字「立即预约 专属方案」；所有文字清晰可读，无衬线黑体。
[比例分辨率] 9:16 竖版比例，4K 分辨率，文字清晰可辨，高清画质。
[负向提示词] 变形，水印，文字错乱，文字过小，卡片变形，颜色偏差，低俗。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/075ad078-ee32-4817-9043-b388c243efa519139.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
