From 6e4fd5dac60b87f01c56b312368c0b61b86701e0 Mon Sep 17 00:00:00 2001 From: Default User Date: Wed, 4 Mar 2026 15:52:52 +0800 Subject: [PATCH] =?UTF-8?q?=E5=8E=8B=E7=BC=A9=E4=BA=8C=E7=BB=B4=E7=A0=81?= =?UTF-8?q?=E5=A4=A7=E5=B0=8F=E5=92=8C=E7=A9=BA=E9=97=B4=EF=BC=8C=E7=A1=AE?= =?UTF-8?q?=E4=BF=9D=E4=B8=80=E4=B8=AA=E5=B1=8F=E5=B9=95=E6=98=BE=E7=A4=BA?= =?UTF-8?q?=E6=89=80=E6=9C=89=E4=BF=A1=E6=81=AF?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- certificate.html | 28 ++++++++++++++-------------- view.html | 28 ++++++++++++++-------------- 2 files changed, 28 insertions(+), 28 deletions(-) diff --git a/certificate.html b/certificate.html index 2364dfe..6b07d6b 100644 --- a/certificate.html +++ b/certificate.html @@ -1134,10 +1134,10 @@ const qrContainer = document.createElement('div'); qrContainer.id = 'qrCodeDisplay'; qrContainer.style.cssText = ` - margin: 20px 0 10px; - padding: 16px; + margin: 10px 0; + padding: 10px; background-color: #f8f9fa; - border-radius: 8px; + border-radius: 6px; text-align: center; `; @@ -1145,8 +1145,8 @@ const qrTitle = document.createElement('h3'); qrTitle.style.cssText = ` color: #28a745; - margin-bottom: 10px; - font-size: 16px; + margin-bottom: 8px; + font-size: 14px; `; qrTitle.innerHTML = '📋 合格证二维码'; @@ -1154,12 +1154,12 @@ const qrImage = document.createElement('img'); qrImage.id = 'qrCodeImage'; qrImage.style.cssText = ` - max-width: 180px; - max-height: 180px; - margin-bottom: 10px; + max-width: 140px; + max-height: 140px; + margin-bottom: 8px; background-color: white; - padding: 8px; - border-radius: 6px; + padding: 6px; + border-radius: 4px; border: 1px solid #e0e0e0; `; @@ -1167,14 +1167,14 @@ const qrText = document.createElement('div'); qrText.style.cssText = ` color: #666; - font-size: 12px; + font-size: 11px; text-align: center; - line-height: 1.4; + line-height: 1.3; `; - qrText.innerHTML = '

扫描二维码查看完整信息

长按保存二维码

'; + qrText.innerHTML = '

扫描查看完整信息

长按保存二维码

'; // 使用Google Charts API生成二维码 - const qrCodeUrl = `https://api.qrserver.com/v1/create-qr-code/?size=180x180&data=${encodeURIComponent(url)}`; + const qrCodeUrl = `https://api.qrserver.com/v1/create-qr-code/?size=140x140&data=${encodeURIComponent(url)}`; qrImage.src = qrCodeUrl; // 组装容器 diff --git a/view.html b/view.html index be34933..4e748e0 100644 --- a/view.html +++ b/view.html @@ -338,10 +338,10 @@ const qrContainer = document.createElement('div'); qrContainer.id = 'qrCodeDisplay'; qrContainer.style.cssText = ` - margin: 20px 0 10px; - padding: 16px; + margin: 10px 0; + padding: 10px; background-color: #f8f9fa; - border-radius: 8px; + border-radius: 6px; text-align: center; `; @@ -349,8 +349,8 @@ const qrTitle = document.createElement('h3'); qrTitle.style.cssText = ` color: #28a745; - margin-bottom: 10px; - font-size: 16px; + margin-bottom: 8px; + font-size: 14px; `; qrTitle.innerHTML = '📋 合格证二维码'; @@ -358,12 +358,12 @@ const qrImage = document.createElement('img'); qrImage.id = 'qrCodeImage'; qrImage.style.cssText = ` - max-width: 180px; - max-height: 180px; - margin-bottom: 10px; + max-width: 140px; + max-height: 140px; + margin-bottom: 8px; background-color: white; - padding: 8px; - border-radius: 6px; + padding: 6px; + border-radius: 4px; border: 1px solid #e0e0e0; `; @@ -371,14 +371,14 @@ const qrText = document.createElement('div'); qrText.style.cssText = ` color: #666; - font-size: 12px; + font-size: 11px; text-align: center; - line-height: 1.4; + line-height: 1.3; `; - qrText.innerHTML = '

扫描二维码查看完整信息

长按保存二维码

'; + qrText.innerHTML = '

扫描查看完整信息

长按保存二维码

'; // 使用Google Charts API生成二维码 - const qrCodeUrl = `https://api.qrserver.com/v1/create-qr-code/?size=180x180&data=${encodeURIComponent(viewUrl)}`; + const qrCodeUrl = `https://api.qrserver.com/v1/create-qr-code/?size=140x140&data=${encodeURIComponent(viewUrl)}`; qrImage.src = qrCodeUrl; // 组装容器