手机端小程序UI设计稿，宽度375px比例的竖屏页面（“我的订… - 图片创意预览

手机端小程序UI设计稿，宽度375px比例的竖屏页面（“我的订…

手机端小程序UI设计稿，宽度375px比例的竖屏页面（“我的订单”列表页），高保真电商小程序截图风格，白色页面底色。顶部为从橙色渐变到琥珀色的弧形（圆角/波浪状底部）背景区，背景区左上为白色粗体大标题

用户头像

初晴47090

2026.10.08
高端教学高端教学
高德崇高德崇
高德崇高德崇
高端教学高端教学
高端教学高端教学
高端教学高端教学
高德崇高德崇
高德崇高德崇
手机端小程序UI设计稿，宽度375px比例的竖屏页面（“订单详情”页），高保真电商小程序截图风格，页面底色为浅灰白。 顶部为大面积从橙色到琥珀色的渐变背景区，左上角一个白色返回箭头图标，右上角一个白色“…”更多图标；渐变区域中部居中显示大号白色订单状态文字“待发货”，其下方一行小号白色半透明文字“预计48小时内发货”。 渐变区域下方叠放一张白色圆角卡片（shadow-sm 轻阴影 + 1px 浅灰边框），卡片内左侧为一个正方形商品缩略图（圆角，图内为浅灰纹理大理石瓷砖实物），右侧从上到下：商品名“意大利进口大理石瓷砖 800×800mm”、规格标签“浅灰纹 / 600×600mm”、价格“¥128.00”与数量“×2”。 接下来依次是三个白色圆角区块（同样轻阴影 + 1px 浅灰边框，区块间距均匀）： （1）区块标题行“配送信息”，右侧一个展开箭头，下方显示收货人“张先生 138****6789”与地址“上海市浦东新区张江镇XXX路XXX号”，地址行左侧有一个橙色小定位图标； （2）区块标题行“价格明细”，内部四行，左侧文字右侧金额右对齐：第一行“商品总额”与“¥256.00”，第二行“运费”与“¥0.00”（右侧另有一个灰色小标签“包邮”），第三行“优惠券”与“-¥20.00”（金额为橙色文字），第四行“实付金额”与“¥236.00”（加粗加大、橙色文字）； （3）区块标题行“订单信息”，内部多行灰色小字：一行“订单编号”与“2026100800128”（右侧带一个小复制按钮图标），一行“下单时间”与“2026-10-08 14:32”，一行“支付方式”与“微信支付”，一行“商家备注”与“客户备注：周六上午送货”。 页面底部为固定操作栏，白色背景、顶部一条细线阴影，右侧两个按钮并排：左侧“联系客服”为白色底加深灰描边按钮并带小电话图标，右侧“催促发货”为橙色实心圆角按钮、白色文字。 整体风格：延续橙色渐变主题，白色卡片轻阴影与 1px 浅灰边框，信息层级清晰紧凑，淘宝式密集排版；所有文字为简体中文且全部横向排版（禁止竖排与旋转），字号清晰可读，对齐整齐；不出现水印、二维码、平台logo、绝对化用语。手机端小程序UI设计稿，宽度375px比例的竖屏页面（“订单详情”页），高保真电商小程序截图风格，页面底色为浅灰白。 顶部为大面积从橙色到琥珀色的渐变背景区，左上角一个白色返回箭头图标，右上角一个白色“…”更多图标；渐变区域中部居中显示大号白色订单状态文字“待发货”，其下方一行小号白色半透明文字“预计48小时内发货”。 渐变区域下方叠放一张白色圆角卡片（shadow-sm 轻阴影 + 1px 浅灰边框），卡片内左侧为一个正方形商品缩略图（圆角，图内为浅灰纹理大理石瓷砖实物），右侧从上到下：商品名“意大利进口大理石瓷砖 800×800mm”、规格标签“浅灰纹 / 600×600mm”、价格“¥128.00”与数量“×2”。 接下来依次是三个白色圆角区块（同样轻阴影 + 1px 浅灰边框，区块间距均匀）： （1）区块标题行“配送信息”，右侧一个展开箭头，下方显示收货人“张先生 138****6789”与地址“上海市浦东新区张江镇XXX路XXX号”，地址行左侧有一个橙色小定位图标； （2）区块标题行“价格明细”，内部四行，左侧文字右侧金额右对齐：第一行“商品总额”与“¥256.00”，第二行“运费”与“¥0.00”（右侧另有一个灰色小标签“包邮”），第三行“优惠券”与“-¥20.00”（金额为橙色文字），第四行“实付金额”与“¥236.00”（加粗加大、橙色文字）； （3）区块标题行“订单信息”，内部多行灰色小字：一行“订单编号”与“2026100800128”（右侧带一个小复制按钮图标），一行“下单时间”与“2026-10-08 14:32”，一行“支付方式”与“微信支付”，一行“商家备注”与“客户备注：周六上午送货”。 页面底部为固定操作栏，白色背景、顶部一条细线阴影，右侧两个按钮并排：左侧“联系客服”为白色底加深灰描边按钮并带小电话图标，右侧“催促发货”为橙色实心圆角按钮、白色文字。 整体风格：延续橙色渐变主题，白色卡片轻阴影与 1px 浅灰边框，信息层级清晰紧凑，淘宝式密集排版；所有文字为简体中文且全部横向排版（禁止竖排与旋转），字号清晰可读，对齐整齐；不出现水印、二维码、平台logo、绝对化用语。
初晴47090初晴47090
殁虚殁虚
微信小程序装修套餐列表页面，竖屏手机端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手机屏幕比例
高端教学高端教学
GD409406053GD409406053
微信小程序「美居装修社」的「我的」个人中心页面，手机竖版UI界面设计，现代简约温暖质感家装风格。配色方案：背景色米白色#F7F5F0，主色调暖橙色#E8873B，辅助色深棕色#5C4A3A，文字主色深灰色#333，次要文字浅灰色#999。页面布局从上到下：1.顶部个人信息区：渐变暖橙色背景从#E8873B到#F0A060，左侧白色圆形头像框内灰色默认人像图标，右侧白色文字昵称「微信用户」和手机号后四位，右上角白色消息铃铛图标带红色数字角标。2.我的订单卡片：白色圆角16px卡片，标题栏「我的订单」深棕色加粗，右侧「查看全部」橙色文字带箭头；下方4列网格布局，每列一个橙色线条图标+灰色12px文字：待付款（钱包图标）、待发货（货车图标）、待收货（包裹图标）、待评价（星星图标）。3.装修服务卡片：白色圆角16px卡片，标题栏「我的装修」深棕色加粗，右侧「全部工单」橙色文字带箭头；下方横向5个状态胶囊按钮：待量房、设计中、施工中、待验收、已完成，浅米色背景#F5F0E8，深棕色文字，圆角20px。4.常用功能列表：白色圆角16px卡片，4行功能入口，每行左侧橙色圆形图标背景+白色线性图标，中间功能名称深棕色文字，最右侧灰色箭头；4个功能分别是：预约记录（日历图标）、收藏案例（心形图标）、专属客服（耳机图标，带绿色在线小圆点）、意见反馈（气泡图标）。底部导航栏：白色背景顶部细线分隔，4个Tab等分——首页、商城、安装工、我的；未选中图标灰色#CCC，选中态图标和文字均为暖橙色#E8873B，当前「我的」为选中状态。设计规范：页面左右边距16px，卡片圆角16px，卡片间距12px，卡片内边距16px；标题字体16px加粗，正文14px常规，辅助文字12px；整体留白充足，视觉层次清晰，扁平化设计，高清商用UI设计稿，iPhone手机屏幕比例微信小程序「美居装修社」的「我的」个人中心页面，手机竖版UI界面设计，现代简约温暖质感家装风格。配色方案：背景色米白色#F7F5F0，主色调暖橙色#E8873B，辅助色深棕色#5C4A3A，文字主色深灰色#333，次要文字浅灰色#999。页面布局从上到下：1.顶部个人信息区：渐变暖橙色背景从#E8873B到#F0A060，左侧白色圆形头像框内灰色默认人像图标，右侧白色文字昵称「微信用户」和手机号后四位，右上角白色消息铃铛图标带红色数字角标。2.我的订单卡片：白色圆角16px卡片，标题栏「我的订单」深棕色加粗，右侧「查看全部」橙色文字带箭头；下方4列网格布局，每列一个橙色线条图标+灰色12px文字：待付款（钱包图标）、待发货（货车图标）、待收货（包裹图标）、待评价（星星图标）。3.装修服务卡片：白色圆角16px卡片，标题栏「我的装修」深棕色加粗，右侧「全部工单」橙色文字带箭头；下方横向5个状态胶囊按钮：待量房、设计中、施工中、待验收、已完成，浅米色背景#F5F0E8，深棕色文字，圆角20px。4.常用功能列表：白色圆角16px卡片，4行功能入口，每行左侧橙色圆形图标背景+白色线性图标，中间功能名称深棕色文字，最右侧灰色箭头；4个功能分别是：预约记录（日历图标）、收藏案例（心形图标）、专属客服（耳机图标，带绿色在线小圆点）、意见反馈（气泡图标）。底部导航栏：白色背景顶部细线分隔，4个Tab等分——首页、商城、安装工、我的；未选中图标灰色#CCC，选中态图标和文字均为暖橙色#E8873B，当前「我的」为选中状态。设计规范：页面左右边距16px，卡片圆角16px，卡片间距12px，卡片内边距16px；标题字体16px加粗，正文14px常规，辅助文字12px；整体留白充足，视觉层次清晰，扁平化设计，高清商用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手机屏幕比例
高端教学高端教学
高端教学高端教学
高端教学高端教学
GD176642723GD176642723
用户Fio5aUHu用户Fio5aUHu
GD176642723GD176642723
微信小程序装修商品详情页，竖屏手机端UI界面，375px宽度比例，简约现代风格，白色为主背景色，整体干净精致，突出商品质感。主色调微信绿色#07C160，辅助绿色#E8F8EE用于标签背景，正文色#333，辅助文字色#999，分割线色#F0F0F0，卡片圆角12px，模块间距8px。页面从上到下包含以下模块：1.顶部导航栏：左侧白色返回箭头，中间白色文字"商品详情"标题，右侧白色购物车图标带红色数字角标"3"，导航栏半透明黑色渐变悬浮在图片上方。2.商品主图轮播区：大图占满屏幕宽度高度约375px，展示现代简约北欧实木餐桌实景图（原木色餐桌放在明亮餐厅中），底部居中白色圆点序号指示器●○○○○共5张图。3.价格信息区：白色背景内边距16px，左侧大字价格"¥1,299"深绿色加粗24px，右侧原价"¥1,899"灰色删除线；价格下方一行促销标签：红色描边圆角标签"限时特惠"和"满2000减200"。4.商品标题区：标题"北欧实木餐桌 原木色 1.4米"字号16px加粗深灰色#333；标题下方三个小标签"实木""环保漆""包邮安装"，标签背景浅绿色#E8F8EE文字深绿色圆角。5.商品简介：标题下方一行灰色小字#999"进口白蜡木 · 环保水性漆 · 免费送货安装"。6.规格选择条：白色卡片顶部1px浅灰分割线，左侧文字"已选"，中间"原木色 / 1.4米"，最右灰色箭头">"。7.服务保障条：白色卡片，横向排列四个绿色对勾图标+灰色文字：正品保障、7天退换、三年质保、免费安装，字号12px。8.商品评价区：标题"商品评价（128）"，左侧五星评分黄色星星+评分"4.8"，右侧"查看全部 >"灰色；下方2条评论，每条32px圆形用户头像+昵称+评分星星+评论内容灰色正文+2张48px圆角方形买家秀小缩略图。9.商品详情区：标题"商品详情"，下方长图式详情描述，材质工艺说明图（白蜡木纹理特写）、尺寸标注图（带箭头尺寸线标注140×80×75cm）、场景搭配图（餐桌餐厅实景）、包装物流说明图，详情图宽度占满长卷浏览。10.同类推荐区：标题"猜你喜欢"，双列网格布局每列宽约170px，每个商品卡片上方正方形商品图圆角8px，下方商品名称单行省略号、价格绿色加粗、已售数量灰色小字如"已售326"，共4个商品。11.底部固定操作栏：高度56px白色背景顶部1px浅灰分割线，从左到右：客服图标+文字"客服"、收藏图标+文字"收藏"，右侧两个并排按钮——浅绿色按钮"加入购物车"深绿色文字和深绿色实心按钮"立即购买"白色文字，各占剩余宽度一半。整体视觉层次清晰，商品图突出，价格醒目，购买路径顺畅，高清商用UI设计稿，iPhone手机屏幕比例微信小程序装修商品详情页，竖屏手机端UI界面，375px宽度比例，简约现代风格，白色为主背景色，整体干净精致，突出商品质感。主色调微信绿色#07C160，辅助绿色#E8F8EE用于标签背景，正文色#333，辅助文字色#999，分割线色#F0F0F0，卡片圆角12px，模块间距8px。页面从上到下包含以下模块：1.顶部导航栏：左侧白色返回箭头，中间白色文字"商品详情"标题，右侧白色购物车图标带红色数字角标"3"，导航栏半透明黑色渐变悬浮在图片上方。2.商品主图轮播区：大图占满屏幕宽度高度约375px，展示现代简约北欧实木餐桌实景图（原木色餐桌放在明亮餐厅中），底部居中白色圆点序号指示器●○○○○共5张图。3.价格信息区：白色背景内边距16px，左侧大字价格"¥1,299"深绿色加粗24px，右侧原价"¥1,899"灰色删除线；价格下方一行促销标签：红色描边圆角标签"限时特惠"和"满2000减200"。4.商品标题区：标题"北欧实木餐桌 原木色 1.4米"字号16px加粗深灰色#333；标题下方三个小标签"实木""环保漆""包邮安装"，标签背景浅绿色#E8F8EE文字深绿色圆角。5.商品简介：标题下方一行灰色小字#999"进口白蜡木 · 环保水性漆 · 免费送货安装"。6.规格选择条：白色卡片顶部1px浅灰分割线，左侧文字"已选"，中间"原木色 / 1.4米"，最右灰色箭头">"。7.服务保障条：白色卡片，横向排列四个绿色对勾图标+灰色文字：正品保障、7天退换、三年质保、免费安装，字号12px。8.商品评价区：标题"商品评价（128）"，左侧五星评分黄色星星+评分"4.8"，右侧"查看全部 >"灰色；下方2条评论，每条32px圆形用户头像+昵称+评分星星+评论内容灰色正文+2张48px圆角方形买家秀小缩略图。9.商品详情区：标题"商品详情"，下方长图式详情描述，材质工艺说明图（白蜡木纹理特写）、尺寸标注图（带箭头尺寸线标注140×80×75cm）、场景搭配图（餐桌餐厅实景）、包装物流说明图，详情图宽度占满长卷浏览。10.同类推荐区：标题"猜你喜欢"，双列网格布局每列宽约170px，每个商品卡片上方正方形商品图圆角8px，下方商品名称单行省略号、价格绿色加粗、已售数量灰色小字如"已售326"，共4个商品。11.底部固定操作栏：高度56px白色背景顶部1px浅灰分割线，从左到右：客服图标+文字"客服"、收藏图标+文字"收藏"，右侧两个并排按钮——浅绿色按钮"加入购物车"深绿色文字和深绿色实心按钮"立即购买"白色文字，各占剩余宽度一半。整体视觉层次清晰，商品图突出，价格醒目，购买路径顺畅，高清商用UI设计稿，iPhone手机屏幕比例
高端教学高端教学
用户Fio5aUHu用户Fio5aUHu
初晴47090初晴47090
高端教学高端教学
高端教学高端教学