fix: 修复商品图片缩放显示,使用深度选择器设置img样式

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-06-10 22:50:55 +08:00
parent 4f47c15d4f
commit cf08bf67cf
1 changed files with 7 additions and 0 deletions
@@ -151,6 +151,13 @@ function buyNow() {
    align-items: center;
    justify-content: center;
    cursor: pointer;
+
+    // 确保图片按比例缩放显示
+    :deep(.el-image__inner) {
+      max-width: 100%;
+      max-height: 100%;
+      object-fit: contain;
+    }
  }

  .image-placeholder {