\u4e8c\u7ef4\u7801\u751f\u6210\u5668<\/title>\r\n <style>\r\n .qrcode-pro-wrapper * {\r\n box-sizing: border-box;\r\n margin top: 0;\r\n padding: 0;\r\n }\r\n .qrcode-pro-wrapper {\r\n width: 100%;\r\n max-width: 700px;\r\n margin: 0 auto;\r\n padding: 40px;\r\n border: 1px solid #e8e8e8;\r\n border-radius: 12px;\r\n background: #ffffff;\r\n font-family: system-ui, -apple-system, sans-serif;\r\n }\r\n .qrcode-pro-wrapper .qrcode-pro-group {\r\n margin-bottom: 20px;\r\n }\r\n .qrcode-pro-wrapper .qrcode-pro-label {\r\n display: block;\r\n margin-bottom: 8px;\r\n font-size: 15px;\r\n font-weight: 500;\r\n color: #333;\r\n }\r\n .qrcode-pro-wrapper .qrcode-pro-input {\r\n width: 100%;\r\n padding: 12px 15px;\r\n border: 1px solid #ddd;\r\n border-radius: 6px;\r\n font-size: 16px;\r\n outline: none;\r\n transition: border-color 0.3s;\r\n }\r\n .qrcode-pro-wrapper .qrcode-pro-input:focus {\r\n border-color: #2563eb;\r\n }\r\n .qrcode-pro-wrapper .qrcode-pro-buttons {\r\n display: flex;\r\n gap: 12px;\r\n margin-bottom: 25px;\r\n }\r\n .qrcode-pro-wrapper .qrcode-pro-btn {\r\n flex: 1;\r\n padding: 12px;\r\n border: none;\r\n border-radius: 6px;\r\n font-size: 15px;\r\n cursor: pointer;\r\n transition: background 0.3s;\r\n }\r\n .qrcode-pro-wrapper .qrcode-pro-create {\r\n background: #2563eb;\r\n color: #fff;\r\n }\r\n .qrcode-pro-wrapper .qrcode-pro-create:hover {\r\n background: #1d4ed8;\r\n }\r\n .qrcode-pro-wrapper .qrcode-pro-clear {\r\n background: #64748b;\r\n color: #fff;\r\n }\r\n .qrcode-pro-wrapper .qrcode-pro-clear:hover {\r\n background: #475569;\r\n }\r\n .qrcode-pro-wrapper .qrcode-pro-preview {\r\n text-align: center;\r\n padding: 20px;\r\n border: 1px dashed #e2e8f0;\r\n border-radius: 8px;\r\n margin-bottom: 20px;\r\n }\r\n .qrcode-pro-wrapper #qrcode-pro-code {\r\n display: flex;\r\n justify-content: center;\r\n margin-bottom: 10px;\r\n }\r\n .qrcode-pro-wrapper .qrcode-pro-tip {\r\n font-size: 13px;\r\n color: #64748b;\r\n }\r\n .qrcode-pro-wrapper .qrcode-pro-download {\r\n width: 100%;\r\n padding: 12px;\r\n background: #059669;\r\n color: #fff;\r\n border: none;\r\n border-radius: 6px;\r\n font-size: 15px;\r\n cursor: pointer;\r\n transition: background 0.3s;\r\n }\r\n .qrcode-pro-wrapper .qrcode-pro-download:hover {\r\n background: #047857;\r\n }\r\n .qrcode-pro-wrapper .hidden {\r\n display: none !important;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"qrcode-pro-wrapper\">\r\n <div class=\"qrcode-pro-container\">\r\n <div class=\"qrcode-pro-group\">\r\n <label class=\"qrcode-pro-label\">\u8f93\u5165\u5185\u5bb9\uff08\u6587\u672c\/\u94fe\u63a5\uff0c\u94fe\u63a5\u8bf7\u4ee5https\u5f00\u5934\uff09<\/label>\r\n <input \r\n type=\"text\" \r\n class=\"qrcode-pro-input\" \r\n id=\"qrcode-pro-input\" \r\n placeholder=\"\u8bf7\u8f93\u5165\u8981\u751f\u6210\u4e8c\u7ef4\u7801\u7684\u5185\u5bb9...\"\r\n >\r\n <\/div>\r\n <div class=\"qrcode-pro-buttons\">\r\n <button class=\"qrcode-pro-btn qrcode-pro-create\" id=\"qrcode-pro-create\">\u751f\u6210\u4e8c\u7ef4\u7801<\/button>\r\n <button class=\"qrcode-pro-btn qrcode-pro-clear\" id=\"qrcode-pro-clear\">\u6e05\u7a7a\u5185\u5bb9<\/button>\r\n <\/div>\r\n <div class=\"qrcode-pro-preview hidden\" id=\"qrcode-pro-preview\">\r\n <div id=\"qrcode-pro-code\"><\/div>\r\n <p class=\"qrcode-pro-tip\">\u4e8c\u7ef4\u7801\u9884\u89c8<\/p>\r\n <\/div>\r\n <button class=\"qrcode-pro-download hidden\" id=\"qrcode-pro-download\">\u4e0b\u8f7d\u4e8c\u7ef4\u7801<\/button>\r\n <\/div>\r\n <\/div>\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/qrcode@1.5.1\/build\/qrcode.min.js\"><\/script>\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const qrcodeProInput = document.getElementById('qrcode-pro-input');\r\n const qrcodeProCreate = document.getElementById('qrcode-pro-create');\r\n const qrcodeProClear = document.getElementById('qrcode-pro-clear');\r\n const qrcodeProPreview = document.getElementById('qrcode-pro-preview');\r\n const qrcodeProCode = document.getElementById('qrcode-pro-code');\r\n const qrcodeProDownload = document.getElementById('qrcode-pro-download');\r\n let qrcodeProImageUrl = '';\r\n const createQrcode = async () => {\r\n const content = qrcodeProInput.value.trim();\r\n if (!content) {\r\n alert('\u8bf7\u8f93\u5165\u5185\u5bb9\u540e\u518d\u751f\u6210\u4e8c\u7ef4\u7801\uff01');\r\n return;\r\n }\r\n qrcodeProCode.innerHTML = '';\r\n try {\r\n const opts = { width: 200, margin: 1, color: { dark: '#000000', light: '#ffffff' } };\r\n qrcodeProImageUrl = await QRCode.toDataURL(content, opts);\r\n const img = document.createElement('img');\r\n img.src = qrcodeProImageUrl;\r\n img.alt = '\u4e8c\u7ef4\u7801';\r\n img.style.width = '200px';\r\n qrcodeProCode.appendChild(img);\r\n qrcodeProPreview.classList.remove('hidden');\r\n qrcodeProDownload.classList.remove('hidden');\r\n } catch (err) {\r\n alert('\u751f\u6210\u5931\u8d25\uff0c\u8bf7\u91cd\u8bd5\uff01');\r\n console.error(err);\r\n }\r\n };\r\n qrcodeProCreate.addEventListener('click', createQrcode);\r\n qrcodeProInput.addEventListener('keydown', (e) => e.key === 'Enter' && createQrcode());\r\n qrcodeProClear.addEventListener('click', () => {\r\n qrcodeProInput.value = '';\r\n qrcodeProCode.innerHTML = '';\r\n qrcodeProPreview.classList.add('hidden');\r\n qrcodeProDownload.classList.add('hidden');\r\n qrcodeProImageUrl = '';\r\n });\r\n qrcodeProDownload.addEventListener('click', () => {\r\n if (!qrcodeProImageUrl) return;\r\n const a = document.createElement('a');\r\n a.download = `\u4e8c\u7ef4\u7801-${new Date().getTime()}.png`;\r\n a.href = qrcodeProImageUrl;\r\n a.click();\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u4e8c\u7ef4\u7801\u751f\u6210\u5668 \u4e8c\u7ef4\u7801\u751f\u6210\u5668 \u8f93\u5165\u5185\u5bb9\uff08\u6587\u672c\/\u94fe\u63a5\uff0c\u94fe\u63a5\u8bf7\u4ee5https\u5f00\u5934\uff09 \u751f\u6210\u4e8c\u7ef4\u7801 \u6e05\u7a7a\u5185\u5bb9 \u4e8c\u7ef4\u7801\u9884\u89c8 \u4e0b\u8f7d\u4e8c\u7ef4\u7801<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":19,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-219","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.05621997.xyz\/index.php\/wp-json\/wp\/v2\/pages\/219","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.05621997.xyz\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.05621997.xyz\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.05621997.xyz\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.05621997.xyz\/index.php\/wp-json\/wp\/v2\/comments?post=219"}],"version-history":[{"count":31,"href":"https:\/\/www.05621997.xyz\/index.php\/wp-json\/wp\/v2\/pages\/219\/revisions"}],"predecessor-version":[{"id":1150,"href":"https:\/\/www.05621997.xyz\/index.php\/wp-json\/wp\/v2\/pages\/219\/revisions\/1150"}],"up":[{"embeddable":true,"href":"https:\/\/www.05621997.xyz\/index.php\/wp-json\/wp\/v2\/pages\/19"}],"wp:attachment":[{"href":"https:\/\/www.05621997.xyz\/index.php\/wp-json\/wp\/v2\/media?parent=219"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}