不当人了——页面加载时销毁medium-zoom+放大时统一图片显示尺寸

Signed-off-by: 本新同学 <yuanbenxin@outlook.com>

Author: yuanbenxin

docs/.vitepress/theme/components/Donate.vue

@@ -22,24 +22,41 @@
 import { onMounted } from 'vue'
 
 onMounted(() => {
-  // 给所有二维码容器绑定点击事件
+  // ===== 1. 销毁 medium-zoom 防止冲突 =====
+  if (window.__mediumZoom__) {
+    try {
+      window.__mediumZoom__.detach()
+      console.log('medium-zoom 已销毁')
+    } catch (err) {
+      console.warn('medium-zoom 销毁失败', err)
+    }
+  } else {
+    // 没挂到 window 上，直接克隆替换所有 img，移除绑定事件
+    document.querySelectorAll('img').forEach(img => {
+      img.replaceWith(img.cloneNode(true))
+    })
+    console.log('medium-zoom 事件已清除')
+  }
+
+  // ===== 2. 自定义放大逻辑 =====
   document.querySelectorAll('.qrcode-wrapper').forEach(el => {
     el.addEventListener('click', () => {
       const overlay = document.createElement('div')
       overlay.className = 'modal-overlay'
 
       const modal = document.createElement('div')
       modal.className = 'modal-card'
+
+      // 强制放大时尺寸一致
       modal.innerHTML = `
-        <img src="${el.querySelector('img').src}" alt="二维码">
+        <img src="${el.querySelector('img').src}" alt="二维码" style="width: 320px; height: auto; max-width: 80vw; max-height: 70vh; object-fit: contain;">
         <div class="modal-title">SecRandom团队再次感谢您的支持</div>
         <div class="modal-subtitle">点击周围空白关闭</div>
       `
 
       overlay.appendChild(modal)
       document.body.appendChild(overlay)
 
-      // 点击空白关闭
       overlay.addEventListener('click', (e) => {
         if (e.target === overlay) {
           document.body.removeChild(overlay)
@@ -155,8 +172,6 @@ p {
 }
 
 .modal-card img {
-  max-width: 80vw;
-  max-height: 70vh;
   display: block;
   border-radius: 12px;
 }