LOGO 预留区域

美丽新世界!

新的追求!新的境界!新的生活!

// // 扫码成功后的处理逻辑 // async function handleScannedResult(scannedKey) { // try { // // 1. 调用后台接口(Worker)查询 KV // const response = await fetch(`/api/scan-login?key=${encodeURIComponent(scannedKey)}`); // const data = await response.json(); // if (data.exists) { // // 2. 如果取到了 key 值,执行下一步行动 // console.log("取到 KV 值,准备跳转或执行操作:", data.value); // // 这里写下一步逻辑,比如 window.location.href = data.url; // alert("欢迎回来!正在为您加载..."); // } else { // // 3. 如果 key 为空(没取到),显示输入框和提交按钮 // document.querySelector('.action-wrap').style.display = 'block'; // alert("未查到记录,请填写信息并提交。"); // } // } catch (error) { // console.error("查询 KV 出错:", error); // // 出错时作为备选方案,也显示输入框 // document.querySelector('.action-wrap').style.display = 'block'; // } // } // // 1. 定义生成二维码并启动轮询的函数 // function startQrLogin(scanUrl) { // var sessionId = 'SESSION_' + Math.random().toString(36).substr(2, 9); // 生成随机ID // var scanUrl = 'https://your-website.com/login?id=' + sessionId; // if (cameraQrImg) { // cameraQrImg.src = 'https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=' + encodeURIComponent(scanUrl); // } // // 2. 启动每2秒一次的轮询 // var checkTimer = setInterval(async function() { // // 如果弹窗关了,就停止检查 // if (!overlay.classList.contains('show')) { // clearInterval(checkTimer); // return; // } // // 调用你刚才写的处理KV的逻辑 // await handleScannedResult(sessionId); // }, 2000); } // } // function openLogin() { // overlay.classList.add('show'); // overlay.setAttribute('aria-hidden', 'false'); // // 这样浏览器有时间先完成弹窗的渲染,用户视觉上会觉得非常流畅 // setTimeout(function() { // refreshCameraQr(); // }, 10); // function closeLogin() { // overlay.classList.remove('show'); // overlay.setAttribute('aria-hidden', 'true'); // } // blankBtn.addEventListener('click', openLogin); // closeBtn.addEventListener('click', closeLogin); // overlay.addEventListener('click', function (e) { // if (e.target === overlay) closeLogin(); // }); // tabs.forEach(function (tab) { // tab.addEventListener('click', function () { // var t = this.getAttribute('data-tab'); // tabs.forEach(function (tb) { tb.classList.remove('active'); }); // panelCamera.classList.remove('active'); // panelWechat.classList.remove('active'); // this.classList.add('active'); // if (t === 'camera') { // panelCamera.classList.add('active'); // refreshCameraQr(); // } else panelWechat.classList.add('active'); // }); // }); // })(); // // //