修复移动端 AW炫彩回收图片预览白条问题

改用居中弹层与 AuthImage 鉴权加载，替代 showImagePreview，兼容私有与公开图地址。
2026-07-19 23:22:36 +08:00
parent 9b1ee445b7
commit 4f979e1e29
2 changed files with 72 additions and 25 deletions
@@ -930,3 +930,43 @@
 .home-footer-copyright {
  color: #a0aab6;
 }
+
+/* AW炫彩回收预览（teleport 到 body） */
+.aw-recycle-preview {
+  display: flex;
+  flex-direction: column;
+  max-height: 86vh;
+  overflow: hidden;
+  background: #fff;
+}
+
+.aw-recycle-preview-head {
+  flex-shrink: 0;
+  padding: 14px 44px 10px 16px;
+  border-bottom: 1px solid #f0f2f5;
+}
+
+.aw-recycle-preview-head h3 {
+  margin: 0;
+  color: #17233d;
+  font-size: 16px;
+  font-weight: 800;
+  line-height: 1.3;
+}
+
+.aw-recycle-preview-body {
+  flex: 1;
+  min-height: 0;
+  overflow: auto;
+  padding: 12px;
+  background: #f8fafc;
+}
+
+.aw-recycle-preview-body :deep(.aw-recycle-preview-img) {
+  display: block;
+  width: 100%;
+  max-height: calc(86vh - 72px);
+  object-fit: contain;
+  border-radius: 10px;
+  background: #fff;
+}