将第二张图顶部的5个功能入口图标(参数榜、地图找房、找别墅、积… - 图片创意预览

将第二张图顶部的5个功能入口图标(参数榜、地图找房、找别墅、积…

将第二张图顶部的5个功能入口图标(参数榜、地图找房、找别墅、积分找房、找环沪)的风格,替换为第一张图的3D立体玻璃质感渐变图标风格:圆润Q弹造型、马卡龙渐变色、玻璃通透质感、柔和阴影、圆形浅渐变背景。

用户头像

1q3rm9cxurh...

2026.09.15
微信小程序装修套餐列表页面,竖屏手机端UI界面,375px宽度比例,简约现代风格,白色背景浅灰色卡片。配色方案:主色调蓝色#2B6CB0,辅助色浅灰#F7F8FA,价格色红色#E53E3E,正文深灰#333,辅助文字#999,分割线#EEEEEE。页面布局从上到下:1.顶部导航栏:白色背景,左侧灰色返回箭头图标,中间深灰色文字标题"装修套餐"17px加粗,右侧无按钮,导航栏底部1px浅灰分割线。2.横向滑动分类标签栏:白色背景,横向排列6个分类标签:全部、卫生间、厨房、卧室、客厅、全屋整装;当前选中"全部",蓝色#2B6CB0文字加粗+底部蓝色下划线高亮,未选中灰色#666文字,标签可左右滑动,标签栏底部1px浅灰分割线。3.主体套餐卡片列表:纵向排列多张套餐卡片,每张卡片浅灰色#F7F8FA背景圆角12px,卡片间距12px,左右边距16px,内边距14px;每张卡片左侧是套餐效果图圆角矩形(如卫生间/厨房/卧室实景图),右侧上方套餐名称如"卫生间翻新套餐A"深灰色16px加粗,名称下方一行灰色小字标注面积范围和适用户型如"3-6㎡ · 适用于老房翻新",再下方是2-3个套餐亮点标签小圆角胶囊样式如"防水质保5年""环保材料""7天完工",浅蓝背景蓝色文字;卡片底部左侧套餐价格红色#E53E3E加粗如"¥9,800起"18px,右侧是"查看详情"按钮蓝色#2B6CB0实心圆角按钮白色文字。整体留白充足,信息层次清晰。4.底部TabBar:白色背景顶部1px浅灰分割线,4个Tab等分——首页、套餐、商城、我的;"套餐"Tab当前选中,图标和文字均为蓝色#2B6CB0,未选中图标灰色#999。整体干净简洁,适合28-55岁家装用户群体,高清商用UI设计稿,iPhone手机屏幕比例微信小程序装修套餐列表页面,竖屏手机端UI界面,375px宽度比例,简约现代风格,白色背景浅灰色卡片。配色方案:主色调蓝色#2B6CB0,辅助色浅灰#F7F8FA,价格色红色#E53E3E,正文深灰#333,辅助文字#999,分割线#EEEEEE。页面布局从上到下:1.顶部导航栏:白色背景,左侧灰色返回箭头图标,中间深灰色文字标题"装修套餐"17px加粗,右侧无按钮,导航栏底部1px浅灰分割线。2.横向滑动分类标签栏:白色背景,横向排列6个分类标签:全部、卫生间、厨房、卧室、客厅、全屋整装;当前选中"全部",蓝色#2B6CB0文字加粗+底部蓝色下划线高亮,未选中灰色#666文字,标签可左右滑动,标签栏底部1px浅灰分割线。3.主体套餐卡片列表:纵向排列多张套餐卡片,每张卡片浅灰色#F7F8FA背景圆角12px,卡片间距12px,左右边距16px,内边距14px;每张卡片左侧是套餐效果图圆角矩形(如卫生间/厨房/卧室实景图),右侧上方套餐名称如"卫生间翻新套餐A"深灰色16px加粗,名称下方一行灰色小字标注面积范围和适用户型如"3-6㎡ · 适用于老房翻新",再下方是2-3个套餐亮点标签小圆角胶囊样式如"防水质保5年""环保材料""7天完工",浅蓝背景蓝色文字;卡片底部左侧套餐价格红色#E53E3E加粗如"¥9,800起"18px,右侧是"查看详情"按钮蓝色#2B6CB0实心圆角按钮白色文字。整体留白充足,信息层次清晰。4.底部TabBar:白色背景顶部1px浅灰分割线,4个Tab等分——首页、套餐、商城、我的;"套餐"Tab当前选中,图标和文字均为蓝色#2B6CB0,未选中图标灰色#999。整体干净简洁,适合28-55岁家装用户群体,高清商用UI设计稿,iPhone手机屏幕比例
微信小程序「我的收藏-案例」页面,竖屏手机端UI界面,375px宽度比例,简洁清爽风格,白色为主深灰文字点缀橙红色。配色:主色橙红色#FF6B35,背景白色#FFFFFF,卡片浅灰阴影,正文深灰#333,辅助文字#999。页面布局从上到下:1.顶部导航栏:白色背景,左侧灰色返回箭头图标,中间深灰色文字标题"收藏案例"17px加粗,右侧无按钮,底部1px浅灰分割线。2.横向筛选标签栏:白色背景,横向排列6个标签:全部、客厅、卧室、厨房、卫生间、全屋;选中"全部"用橙红色#FF6B35文字加粗+底部橙红色下划线高亮,未选中灰色#666文字,可左右滑动。3.主体双列瀑布流卡片布局:两列等宽,卡片间距10px,左右边距12px;每张白色圆角卡片带轻微浅灰阴影,上方案例效果图圆角(家装实景图如客厅卧室厨房等),图片左下角浮着装修风格标签如"现代简约"白色文字半透明黑底小圆角;图片下方案例标题如"120㎡三室两厅现代简约"深灰色14px,再下方灰色小字收藏时间如"2026-08-10收藏"12px;卡片右下角有一个实心红色爱心图标表示已收藏。卡片高度错落形成瀑布流效果。4.底部TabBar:白色背景顶部1px浅灰分割线,4个Tab等分——首页、案例、服务、我的;"案例"Tab当前选中,图标和文字均为橙红色#FF6B35,未选中图标灰色#999。整体简洁清爽,留白舒适,高清商用UI设计稿,iPhone手机屏幕比例微信小程序「我的收藏-案例」页面,竖屏手机端UI界面,375px宽度比例,简洁清爽风格,白色为主深灰文字点缀橙红色。配色:主色橙红色#FF6B35,背景白色#FFFFFF,卡片浅灰阴影,正文深灰#333,辅助文字#999。页面布局从上到下:1.顶部导航栏:白色背景,左侧灰色返回箭头图标,中间深灰色文字标题"收藏案例"17px加粗,右侧无按钮,底部1px浅灰分割线。2.横向筛选标签栏:白色背景,横向排列6个标签:全部、客厅、卧室、厨房、卫生间、全屋;选中"全部"用橙红色#FF6B35文字加粗+底部橙红色下划线高亮,未选中灰色#666文字,可左右滑动。3.主体双列瀑布流卡片布局:两列等宽,卡片间距10px,左右边距12px;每张白色圆角卡片带轻微浅灰阴影,上方案例效果图圆角(家装实景图如客厅卧室厨房等),图片左下角浮着装修风格标签如"现代简约"白色文字半透明黑底小圆角;图片下方案例标题如"120㎡三室两厅现代简约"深灰色14px,再下方灰色小字收藏时间如"2026-08-10收藏"12px;卡片右下角有一个实心红色爱心图标表示已收藏。卡片高度错落形成瀑布流效果。4.底部TabBar:白色背景顶部1px浅灰分割线,4个Tab等分——首页、案例、服务、我的;"案例"Tab当前选中,图标和文字均为橙红色#FF6B35,未选中图标灰色#999。整体简洁清爽,留白舒适,高清商用UI设计稿,iPhone手机屏幕比例
微信小程序装修套餐详情页,竖屏手机端UI界面,375px宽度比例,简约现代风格,白色为主背景色,信息清晰层次分明,突出套餐价值和信任感。主色调微信绿色#07C160,促销红色#FF4D4F,正文色#333,辅助文字色#999,分割线色#F0F0F0,卡片圆角12px,模块间距12px。页面从上到下包含以下模块:1.顶部导航栏:左侧灰色返回箭头,中间深灰色文字"套餐详情"标题,右侧灰色分享图标,白色背景底部1px浅灰分割线。2.套餐头图区:顶部大图占满宽度高约220px,展示干净明亮的卫生间翻新完工实景图,图片底部叠加半透明黑色渐变遮罩,白色文字"卫生间翻新套餐"20px加粗,下方白色小字"防水+瓷砖+洁具+吊顶 · 7天完工"。3.价格信息条:白色背景内边距16px,左侧大字"¥3,999"深绿色加粗26px,右侧原价"¥5,800"灰色删除线;价格下方灰色小字"约¥444/㎡ · 按实际面积结算";右上角红色圆角标签"限时9折"。4.套餐包含清单:白色圆角12px卡片,标题"套餐包含"深灰色加粗;下方纵向列表6项,每项左侧绿色对勾图标✓,中间项目名称+品牌+规格说明,右侧灰色小字单项参考价:防水工程东方雨虹柔性防水刷两遍价值¥800、墙地砖铺贴东鹏300×600瓷片含人工辅料价值¥1,600、吊顶工程铝扣板集成吊顶含LED灯价值¥600、洁具三件套箭牌马桶+浴室柜+花洒价值¥1,800、水电改造局部改造含管线材料价值¥500、竣工保洁+验收价值¥200;列表底部汇总行左侧"套餐总价值 ¥5,500"灰色,右侧红色"套餐价 ¥3,999 省¥1,501"。5.施工流程区:白色圆角12px卡片,标题"施工流程",横向时间轴样式5个节点从左到右:①上门量房→②方案确认→③材料进场→④施工安装→⑤验收交付,每个节点绿色圆形图标+下方步骤名称,节点之间绿色虚线连接。6.主材品牌区:白色圆角12px卡片,标题"精选主材",横向滑动4张品牌卡片每张宽约120px,上方品牌logo区域白色背景圆角矩形,下方品牌名称"东鹏瓷砖"+灰色小字"一线品牌·国标品质",卡片间距8px。7.前后对比区:白色圆角12px卡片,标题"完工效果",左右对比布局,左侧"施工前"BEFORE标签+旧卫生间偏暗旧照片,右侧"完工后"AFTER标签+翻新后明亮干净照片,两张图等宽并排中间白色竖线分割。8.业主评价区:白色圆角12px卡片,标题"已服务86户",评分"4.9分"黄色星星;下方2条评论,每条32px圆形用户头像+昵称+评分星星+2行文字内容+2张48px圆角买家秀小图;底部"查看全部评价 >"绿色文字。9.注意事项区:白色圆角12px卡片,标题"温馨提示",折叠手风琴样式3条:"套餐适用于6㎡以内卫生间""超出面积按实际用量补差价""施工期间需业主配合断水断电",每条右侧向下箭头">"。10.底部固定操作栏:高度64px白色背景顶部1px浅灰分割线,左侧客服图标+文字"咨询"和收藏图标+文字"收藏",右侧深绿色实心圆角按钮"立即预约 ¥3,999"白色加粗文字。整体视觉重点突出套餐价值感和专业信任感,高清商用UI设计稿,iPhone手机屏幕比例微信小程序装修套餐详情页,竖屏手机端UI界面,375px宽度比例,简约现代风格,白色为主背景色,信息清晰层次分明,突出套餐价值和信任感。主色调微信绿色#07C160,促销红色#FF4D4F,正文色#333,辅助文字色#999,分割线色#F0F0F0,卡片圆角12px,模块间距12px。页面从上到下包含以下模块:1.顶部导航栏:左侧灰色返回箭头,中间深灰色文字"套餐详情"标题,右侧灰色分享图标,白色背景底部1px浅灰分割线。2.套餐头图区:顶部大图占满宽度高约220px,展示干净明亮的卫生间翻新完工实景图,图片底部叠加半透明黑色渐变遮罩,白色文字"卫生间翻新套餐"20px加粗,下方白色小字"防水+瓷砖+洁具+吊顶 · 7天完工"。3.价格信息条:白色背景内边距16px,左侧大字"¥3,999"深绿色加粗26px,右侧原价"¥5,800"灰色删除线;价格下方灰色小字"约¥444/㎡ · 按实际面积结算";右上角红色圆角标签"限时9折"。4.套餐包含清单:白色圆角12px卡片,标题"套餐包含"深灰色加粗;下方纵向列表6项,每项左侧绿色对勾图标✓,中间项目名称+品牌+规格说明,右侧灰色小字单项参考价:防水工程东方雨虹柔性防水刷两遍价值¥800、墙地砖铺贴东鹏300×600瓷片含人工辅料价值¥1,600、吊顶工程铝扣板集成吊顶含LED灯价值¥600、洁具三件套箭牌马桶+浴室柜+花洒价值¥1,800、水电改造局部改造含管线材料价值¥500、竣工保洁+验收价值¥200;列表底部汇总行左侧"套餐总价值 ¥5,500"灰色,右侧红色"套餐价 ¥3,999 省¥1,501"。5.施工流程区:白色圆角12px卡片,标题"施工流程",横向时间轴样式5个节点从左到右:①上门量房→②方案确认→③材料进场→④施工安装→⑤验收交付,每个节点绿色圆形图标+下方步骤名称,节点之间绿色虚线连接。6.主材品牌区:白色圆角12px卡片,标题"精选主材",横向滑动4张品牌卡片每张宽约120px,上方品牌logo区域白色背景圆角矩形,下方品牌名称"东鹏瓷砖"+灰色小字"一线品牌·国标品质",卡片间距8px。7.前后对比区:白色圆角12px卡片,标题"完工效果",左右对比布局,左侧"施工前"BEFORE标签+旧卫生间偏暗旧照片,右侧"完工后"AFTER标签+翻新后明亮干净照片,两张图等宽并排中间白色竖线分割。8.业主评价区:白色圆角12px卡片,标题"已服务86户",评分"4.9分"黄色星星;下方2条评论,每条32px圆形用户头像+昵称+评分星星+2行文字内容+2张48px圆角买家秀小图;底部"查看全部评价 >"绿色文字。9.注意事项区:白色圆角12px卡片,标题"温馨提示",折叠手风琴样式3条:"套餐适用于6㎡以内卫生间""超出面积按实际用量补差价""施工期间需业主配合断水断电",每条右侧向下箭头">"。10.底部固定操作栏:高度64px白色背景顶部1px浅灰分割线,左侧客服图标+文字"咨询"和收藏图标+文字"收藏",右侧深绿色实心圆角按钮"立即预约 ¥3,999"白色加粗文字。整体视觉重点突出套餐价值感和专业信任感,高清商用UI设计稿,iPhone手机屏幕比例
微信小程序装修套餐选择页,竖屏手机端UI界面,375px宽度比例,简约现代风格,白色为主背景色,突出套餐丰富可选性价比高。主色调微信绿色#07C160,促销红色#FF4D4F,正文色#333,辅助文字色#999,分割线色#F0F0F0,卡片圆角12px,模块间距12px。页面从上到下包含以下模块:1.顶部导航栏:左侧灰色返回箭头,中间深灰色文字"超值套餐"标题,右侧无按钮,白色背景底部1px浅灰分割线。2.顶部Banner区:高度约140px,渐变背景从深绿#07C160到浅绿#38D9A9,中间白色大字"选择你的翻新套餐",下方白色小字"按需选择 · 省心省力 · 质保三年",右下角简约家居线条图标装饰。3.分类Tab栏:白色背景,横向排列5个Tab按钮"全部""卫生间""厨房""卧室""全屋",默认选中"全部",选中项底部绿色下划线文字绿色加粗,未选中文字灰色#666,可左右滑动。4.套餐对比入口:列表上方右侧绿色文字按钮"对比套餐 >"。5.套餐卡片列表:纵向排列多个套餐卡片,每个白色圆角12px带轻微阴影,卡片间距12px左右边距16px;每个卡片左侧100×100px圆角8px套餐缩略图(对应空间实景图),右侧上方套餐名称如"卫生间翻新套餐"16px加粗深灰色,名称下方灰色小字简介"防水+瓷砖+洁具+吊顶,7天完工",简介下方2-3个小标签"含主材""包施工""质保3年",标签背景浅绿色#E8F8EE文字深绿色圆角4px;卡片底部左侧价格如"¥3,999"深绿色加粗18px,右侧绿色文字按钮"查看详情 >"。6.推荐套餐卡片突出显示:第二个套餐卡片右上角红色飘带标签"热门推荐",卡片浅绿色描边2px更突出。7.底部提示条:浅灰色背景条,文字"不确定选哪个?",右侧绿色文字按钮"免费咨询"。8.底部固定操作栏:高度56px白色背景顶部浅灰分割线,左侧客服图标+文字"咨询",右侧深绿色实心按钮"免费获取报价"白色文字。整体套餐卡片信息层次清晰,价格醒目,方便用户快速对比选择,高清商用UI设计稿,iPhone手机屏幕比例微信小程序装修套餐选择页,竖屏手机端UI界面,375px宽度比例,简约现代风格,白色为主背景色,突出套餐丰富可选性价比高。主色调微信绿色#07C160,促销红色#FF4D4F,正文色#333,辅助文字色#999,分割线色#F0F0F0,卡片圆角12px,模块间距12px。页面从上到下包含以下模块:1.顶部导航栏:左侧灰色返回箭头,中间深灰色文字"超值套餐"标题,右侧无按钮,白色背景底部1px浅灰分割线。2.顶部Banner区:高度约140px,渐变背景从深绿#07C160到浅绿#38D9A9,中间白色大字"选择你的翻新套餐",下方白色小字"按需选择 · 省心省力 · 质保三年",右下角简约家居线条图标装饰。3.分类Tab栏:白色背景,横向排列5个Tab按钮"全部""卫生间""厨房""卧室""全屋",默认选中"全部",选中项底部绿色下划线文字绿色加粗,未选中文字灰色#666,可左右滑动。4.套餐对比入口:列表上方右侧绿色文字按钮"对比套餐 >"。5.套餐卡片列表:纵向排列多个套餐卡片,每个白色圆角12px带轻微阴影,卡片间距12px左右边距16px;每个卡片左侧100×100px圆角8px套餐缩略图(对应空间实景图),右侧上方套餐名称如"卫生间翻新套餐"16px加粗深灰色,名称下方灰色小字简介"防水+瓷砖+洁具+吊顶,7天完工",简介下方2-3个小标签"含主材""包施工""质保3年",标签背景浅绿色#E8F8EE文字深绿色圆角4px;卡片底部左侧价格如"¥3,999"深绿色加粗18px,右侧绿色文字按钮"查看详情 >"。6.推荐套餐卡片突出显示:第二个套餐卡片右上角红色飘带标签"热门推荐",卡片浅绿色描边2px更突出。7.底部提示条:浅灰色背景条,文字"不确定选哪个?",右侧绿色文字按钮"免费咨询"。8.底部固定操作栏:高度56px白色背景顶部浅灰分割线,左侧客服图标+文字"咨询",右侧深绿色实心按钮"免费获取报价"白色文字。整体套餐卡片信息层次清晰,价格醒目,方便用户快速对比选择,高清商用UI设计稿,iPhone手机屏幕比例
生成一张网页端后台管理UI设计图,宽高比16:9,深色专业风格,深蓝灰底色,与后台管理端风格统一。 页面布局: 1. 左侧侧边导航栏,布局内容与第一张后台页面保持一致:顶部平台Logo+“智宅焕管理后台”,菜单项:订单管理(当前选中项,高亮显示)、服务产品配置、师傅管理、提现审核、系统设置。 2. 右侧为派单工作台内容区,分为三个区域: - 顶部订单概要区:标题文字“派单工作台”,下方以横向卡片形式展示只读订单概要信息:项目名称XXX,客户姓名/手机号,项目城市上海,项目地址上海市闵行区XX路XX号,预期上门时间2026-07-15,时间灵活性标签“时间可协商”,订单总服务数3项,订单总金额¥2,580;卡片右上角有一个低调样式“追加远程费”按钮。 - 中部任务拆分区:标题文字“任务拆分与指派”,下方纵向排列展示3个系统自动拆分的任务卡片,每个任务卡片:左侧信息区包含服务名称(如现场安装调试)、数量、服务城市、预期上门时间、时间灵活性标签、客户支付单价(灰色小字并标注“仅管理员可见”)、指派状态标签;右侧操作区包含“指派师傅”主色高亮按钮,“修改佣金”低调样式按钮,已指派时显示佣金金额。三个任务卡片分别是第一个“待指派”、第二个“已指派”、第三个“待指派”,状态区分清晰,任务拆分卡片为核心交互区需要突出展示。 - 底部操作区:固定悬浮在底部,包含“一键通知师傅”主色高亮按钮(提示所有任务已指派才可点击,否则置灰)和“返回订单列表”次要按钮,旁边附带提示文字“请先完成所有任务指派后,再通知师傅”,底部操作区始终可见。 所有文字清晰可见,使用无衬线字体,UI风格专业整洁,整体与上一张智宅焕管理后台设计风格保持统一。生成一张网页端后台管理UI设计图,宽高比16:9,深色专业风格,深蓝灰底色,与后台管理端风格统一。
页面布局:
1. 左侧侧边导航栏,布局内容与第一张后台页面保持一致:顶部平台Logo+“智宅焕管理后台”,菜单项:订单管理(当前选中项,高亮显示)、服务产品配置、师傅管理、提现审核、系统设置。
2. 右侧为派单工作台内容区,分为三个区域:
- 顶部订单概要区:标题文字“派单工作台”,下方以横向卡片形式展示只读订单概要信息:项目名称XXX,客户姓名/手机号,项目城市上海,项目地址上海市闵行区XX路XX号,预期上门时间2026-07-15,时间灵活性标签“时间可协商”,订单总服务数3项,订单总金额¥2,580;卡片右上角有一个低调样式“追加远程费”按钮。
- 中部任务拆分区:标题文字“任务拆分与指派”,下方纵向排列展示3个系统自动拆分的任务卡片,每个任务卡片:左侧信息区包含服务名称(如现场安装调试)、数量、服务城市、预期上门时间、时间灵活性标签、客户支付单价(灰色小字并标注“仅管理员可见”)、指派状态标签;右侧操作区包含“指派师傅”主色高亮按钮,“修改佣金”低调样式按钮,已指派时显示佣金金额。三个任务卡片分别是第一个“待指派”、第二个“已指派”、第三个“待指派”,状态区分清晰,任务拆分卡片为核心交互区需要突出展示。
- 底部操作区:固定悬浮在底部,包含“一键通知师傅”主色高亮按钮(提示所有任务已指派才可点击,否则置灰)和“返回订单列表”次要按钮,旁边附带提示文字“请先完成所有任务指派后,再通知师傅”,底部操作区始终可见。
所有文字清晰可见,使用无衬线字体,UI风格专业整洁,整体与上一张智宅焕管理后台设计风格保持统一。
生成一张微信小程序竖屏UI设计图,宽高比9:16,深色专业风,与智宅焕整套UI体系保持一致,为客户在自动验收前24小时收到的全屏强制提醒弹窗,全屏半透明深色遮罩,中央居中展示圆角带阴影弹窗卡片,宽度占屏幕80%,必须点击按钮才能关闭。 弹窗从上到下布局: 1. 顶部:中央醒目的⏰提醒图标,图标下方橙色警示色标题“自动验收提醒”。 2. 中部核心信息:展示订单信息:订单编号“ZXH20260703001”,项目名称“张先生家智能改造”,服务内容“现场安装调试”,分隔线后居中大字核心提示“您的订单将于24小时后自动完成验收”,下方小字“如对交付结果有异议,请及时处理”,再下方小字“超时未处理,系统将自动完成验收,订单状态变更为‘已完成’”,时间信息大而清晰,弹窗醒目有紧迫感。 3. 底部操作区:纵向排列两个按钮,间距适中:主色高亮大按钮“确认验收”(点击进入验收确认流程),警示色边框按钮“发起争议”(点击进入争议发起页面),按钮下方灰色弱化文字链接“稍后处理”(点击关闭弹窗,系统将持续提醒)。 页面底部虚线框标注关闭弹窗后的状态:标注“关闭弹窗后 ↓”,框内示意:弹窗关闭后,项目看板顶部展示黄色提示条“您的订单将于24小时后自动验收,如有问题请及时处理”,提示条右侧有“立即处理”按钮。 两个核心操作按钮提供明确下一步路径,稍后处理为低优先级选项视觉弱化,所有文字清晰可见,使用无衬线字体,整体风格与智宅焕深色专业UI体系保持一致。生成一张微信小程序竖屏UI设计图,宽高比9:16,深色专业风,与智宅焕整套UI体系保持一致,为客户在自动验收前24小时收到的全屏强制提醒弹窗,全屏半透明深色遮罩,中央居中展示圆角带阴影弹窗卡片,宽度占屏幕80%,必须点击按钮才能关闭。
弹窗从上到下布局:
1. 顶部:中央醒目的⏰提醒图标,图标下方橙色警示色标题“自动验收提醒”。
2. 中部核心信息:展示订单信息:订单编号“ZXH20260703001”,项目名称“张先生家智能改造”,服务内容“现场安装调试”,分隔线后居中大字核心提示“您的订单将于24小时后自动完成验收”,下方小字“如对交付结果有异议,请及时处理”,再下方小字“超时未处理,系统将自动完成验收,订单状态变更为‘已完成’”,时间信息大而清晰,弹窗醒目有紧迫感。
3. 底部操作区:纵向排列两个按钮,间距适中:主色高亮大按钮“确认验收”(点击进入验收确认流程),警示色边框按钮“发起争议”(点击进入争议发起页面),按钮下方灰色弱化文字链接“稍后处理”(点击关闭弹窗,系统将持续提醒)。
页面底部虚线框标注关闭弹窗后的状态:标注“关闭弹窗后 ↓”,框内示意:弹窗关闭后,项目看板顶部展示黄色提示条“您的订单将于24小时后自动验收,如有问题请及时处理”,提示条右侧有“立即处理”按钮。
两个核心操作按钮提供明确下一步路径,稍后处理为低优先级选项视觉弱化,所有文字清晰可见,使用无衬线字体,整体风格与智宅焕深色专业UI体系保持一致。
创意 × 4