From 4cbf1ec7ab462ca3c7c456b4a9eb7a6367c886b8 Mon Sep 17 00:00:00 2001 From: Cat Tom Date: Wed, 26 Mar 2025 11:22:25 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E8=B0=83=E6=95=B4=20WechatModal=20?= =?UTF-8?q?=E7=BB=84=E4=BB=B6=E6=A0=B7=E5=BC=8F=EF=BC=8C=E7=BB=9F=E4=B8=80?= =?UTF-8?q?=E5=AE=BD=E9=AB=98=E5=B9=B6=E4=BC=98=E5=8C=96=E5=93=8D=E5=BA=94?= =?UTF-8?q?=E5=BC=8F=E8=AE=BE=E8=AE=A1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/WechatModal.vue | 15 ++++++++++----- 1 file changed, 10 insertions(+), 5 deletions(-) diff --git a/src/components/WechatModal.vue b/src/components/WechatModal.vue index f0c4bc0..9938490 100644 --- a/src/components/WechatModal.vue +++ b/src/components/WechatModal.vue @@ -220,7 +220,9 @@ onUnmounted(() => { } .wechat-modal-container { - width: min(420px, 90vw); + width: 400px; + height: 400px; + aspect-ratio: 1; background-color: var(--v-theme-surface); border-radius: 12px; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); @@ -273,8 +275,9 @@ onUnmounted(() => { display: inline-block; margin-bottom: 16px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); - width: 280px; - height: 280px; + width: 320px; + height: 320px; + padding: 16px; display: flex; align-items: center; justify-content: center; @@ -389,10 +392,12 @@ onUnmounted(() => { @media (max-width: 360px) { .wechat-modal-container { width: 95vw; + height: 95vw; } .qr-code-wrapper { - width: 240px; - height: 240px; + width: 80%; + height: 80%; + padding: 8px; } }