fix(claim): 优化H5领取与绑定界面商品图展示并集成发货存证凭据生成

- 修复后端 affiliate_dash 领取详情接口漏传 imageUrl 字段的问题 - 优化前端 ClaimProductImage 占位逻辑，消除无图或失败时的空灰色方块 - 移植并集成 affiliate_dash 前端 Canvas 高清发货到账存证凭据（Retina 640x960） - 在兑换成功页面提供结果图预览、一键复制到剪贴板与下载凭据图片功能
2026-10-10 20:55:02 +08:00
parent c137741215
commit 215f3351ba
7 changed files with 514 additions and 15 deletions
@@ -442,12 +442,14 @@
 }

 .claim-product-image {
-  width: min(220px, 62%);
+  width: min(160px, 48%);
  aspect-ratio: 1 / 1;
  border-radius: 16px;
-  object-fit: cover;
-  background: #f1f5f9;
+  object-fit: contain;
+  background: #f8fafc;
+  padding: 8px;
  border: 1px solid rgba(148, 163, 184, 0.24);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
 }

 .claim-product-image-fallback {