将订单右下角蓝色按键上的文字“退款/售后”修改为“去支付”,保… - 图片创意预览

将订单右下角蓝色按键上的文字“退款/售后”修改为“去支付”,保…

将订单右下角蓝色按键上的文字“退款/售后”修改为“去支付”,保持按钮样式、颜色和整体界面排版内容不变

用户头像

GD720042415

2026.03.28
手机端小程序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、绝对化用语。