diff --git a/certificate.html b/certificate.html
index 3a521bc..2364dfe 100644
--- a/certificate.html
+++ b/certificate.html
@@ -1134,11 +1134,10 @@
const qrContainer = document.createElement('div');
qrContainer.id = 'qrCodeDisplay';
qrContainer.style.cssText = `
- margin: 12px 16px;
- padding: 12px;
- background-color: white;
+ margin: 20px 0 10px;
+ padding: 16px;
+ background-color: #f8f9fa;
border-radius: 8px;
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
text-align: center;
`;
@@ -1184,12 +1183,12 @@
qrContainer.appendChild(qrText);
// 找到合适的位置插入二维码容器
- // 在support元素之前插入
- const supportElement = document.querySelector('.support');
- if (supportElement) {
- supportElement.parentNode.insertBefore(qrContainer, supportElement);
+ // 在certificate元素内插入
+ const certificateElement = document.querySelector('.certificate');
+ if (certificateElement) {
+ certificateElement.appendChild(qrContainer);
} else {
- // 如果没有support元素,就在container末尾插入
+ // 如果没有certificate元素,就在container末尾插入
const container = document.querySelector('.container');
if (container) {
container.appendChild(qrContainer);
diff --git a/view.html b/view.html
index 650f71c..be34933 100644
--- a/view.html
+++ b/view.html
@@ -338,11 +338,10 @@
const qrContainer = document.createElement('div');
qrContainer.id = 'qrCodeDisplay';
qrContainer.style.cssText = `
- margin: 12px 16px;
- padding: 12px;
- background-color: white;
+ margin: 20px 0 10px;
+ padding: 16px;
+ background-color: #f8f9fa;
border-radius: 8px;
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
text-align: center;
`;
@@ -388,12 +387,12 @@
qrContainer.appendChild(qrText);
// 找到合适的位置插入二维码容器
- // 在footer元素之前插入
- const footerElement = document.querySelector('.footer');
- if (footerElement) {
- footerElement.parentNode.insertBefore(qrContainer, footerElement);
+ // 在certificate元素内插入
+ const certificateElement = document.querySelector('.certificate');
+ if (certificateElement) {
+ certificateElement.appendChild(qrContainer);
} else {
- // 如果没有footer元素,就在container末尾插入
+ // 如果没有certificate元素,就在container末尾插入
const container = document.querySelector('.container');
if (container) {
container.appendChild(qrContainer);