xiehaipeng 发表于 2025-6-20 15:50 我测试了一下，输入大写字母加数字，共计16位。点生成按钮没有任何反应。我用的是360安全浏览器。 我测试了从代码里复制过来确实没有反应，先不排查了直接附件里了~ 生成器, 验证码
优化后代码 [HTML] 纯文本查看 复制代码 TOTP倒计时生成器 body { font-family: 'Arial', sans-serif; display: flex; max-width: 1200px; /* 增加最大宽度 */ margin: 0 auto; background: #f5f5f5; } #key-container { width: 30%; padding: 20px; border-right: 1px solid #ddd; /* 右侧边框 */ background-color: white; height: 100vh; /* 设置高度与视口相同 */ overflow-y: auto; /* 如果内容超出则出现滚动条 */ } #key-container h2 { font-size: 20px; margin: 0 0 15px; } #key-list { list-style: none; padding: 0; } #key-list li { padding: 10px; border: 1px solid #ddd; margin-bottom: 5px; border-radius: 4px; position: relative; } #main-container { width: 70%; /* 右侧主体内容宽度 */ padding: 20px; display: flex; flex-direction: column; align-items: center; /* 水平居中 */ } input { padding: 12px; width: 240px; margin: 15px 0; font-size: 16px; border: 2px solid #ddd; border-radius: 4px; transition: border-color 0.3s; } input:focus { border-color: #4285f4; outline: none; } button { padding: 12px 15px; background: #4285f4; color: white; border: none; border-radius: 4px; font-size: 16px; cursor: pointer; transition: background 0.3s, box-shadow 0.3s; margin-left: 10px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } button:hover { background: #3367d6; box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2); } button:active { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); transform: translateY(2px); } .totp-display { font-family: Arial, sans-serif; font-weight: bold; font-size: 48px; margin: 20px 0; letter-spacing: 5px; transition: color 0.3s; } .countdown-container { position: relative; width: 120px; height: 120px; margin: 30px auto; /* 上下外边距自动 */ display: flex; /* 使用 Flexbox 进行居中 */ flex-direction: column; /* 纵列布局 */ align-items: center; /* 水平居中 */ justify-content: center; /* 垂直居中 */ } .countdown-circle { width: 100%; height: 100%; } .countdown-circle-bg { fill: none; stroke: #e0e0e0; stroke-width: 10; } .countdown-circle-fg { fill: none; stroke: #4CAF50; stroke-width: 10; stroke-linecap: round; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke 0.1s linear; } #countdown { font-size: 24px; position: absolute; /* 绝对定位在圆圈中心 */ text-align: center; width: 100%; /* 宽度占满 */ top: 50%; /* 垂直居中 */ left: 50%; /* 水平居中 */ transform: translate(-50%, -50%); /* 使其真正居中 */ } 临时存放密钥列表 删除选中 TOTP 验证码生成器 请输入 Base32 密钥： 生成动态验证码 添加 导入密钥 导出选中 ------ 30
