尝试恢复捐赠二维码单击卡片式放大

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

Author: yuanbenxin

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

@@ -19,6 +19,29 @@
 </template>
 
 <script setup>
+    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="二维码">
+      <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);
+      }
+    });
+  });
+});
 </script>
 
 <style scoped>