From 5b7f4de63c1951e674d2c2c7ba8127fe2d0e897a Mon Sep 17 00:00:00 2001 From: yinpeng <2291314224@qq.com> Date: Wed, 12 Feb 2025 18:55:44 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E5=AF=86=E9=92=A5?= =?UTF-8?q?=E7=8A=B6=E6=80=81=E9=A1=B5=E9=9D=A2=E4=BA=A4=E4=BA=92=E4=BD=93?= =?UTF-8?q?=E9=AA=8C=EF=BC=8C=E6=B7=BB=E5=8A=A0=E5=88=86=E7=BB=84=E6=8A=98?= =?UTF-8?q?=E5=8F=A0=E5=92=8C=E5=88=B7=E6=96=B0=E5=8A=9F=E8=83=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app/templates/keys_status.html | 114 ++++++++++++++++++++++++++++++--- 1 file changed, 106 insertions(+), 8 deletions(-) diff --git a/app/templates/keys_status.html b/app/templates/keys_status.html index d17dc90..fe81e7d 100644 --- a/app/templates/keys_status.html +++ b/app/templates/keys_status.html @@ -141,6 +141,26 @@ font-size: 1.5em; padding-bottom: 10px; border-bottom: 2px solid rgba(0,0,0,0.1); + cursor: pointer; + } + + .key-list h2 .toggle-icon { + margin-right: 10px; + transition: transform 0.3s ease; + } + + .key-list h2 .toggle-icon.collapsed { + transform: rotate(-90deg); + } + + .key-list .key-content { + transition: max-height 0.3s ease-out; + overflow: hidden; + max-height: 2000px; + } + + .key-list .key-content.collapsed { + max-height: 0; } ul { list-style-type: none; @@ -296,23 +316,80 @@ .scroll-btn:active { transform: scale(0.95); } + .refresh-btn { + position: absolute; + top: 20px; + right: 20px; + background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); + color: #fff; + border: none; + padding: 10px 20px; + border-radius: 25px; + cursor: pointer; + font-size: 14px; + font-weight: bold; + transition: all 0.3s ease; + display: flex; + align-items: center; + justify-content: center; + gap: 8px; + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); + z-index: 10; + } + + .refresh-btn:hover { + transform: scale(1.05); + box-shadow: 0 8px 20px rgba(118, 75, 162, 0.3); + background: linear-gradient(135deg, #764ba2 0%, #667eea 100%); + } + + .refresh-btn:active { + transform: scale(0.95); + } + + .refresh-btn i { + transition: transform 0.5s ease; + } + + .refresh-btn.loading i { + animation: spin 1s linear infinite; + } + + @keyframes spin { + from { transform: rotate(0deg); } + to { transform: rotate(360deg); } + } + + @media (max-width: 768px) { + .refresh-btn { + top: 10px; + right: 10px; + padding: 8px 16px; + font-size: 12px; + } + }
+

API密钥状态

-

+

+ 有效密钥 -

- +
-

+

+ 无效密钥 -

- +
总密钥数：{{ total }} @@ -466,8 +547,25 @@ scrollButtons.style.display = 'none'; } }); + function refreshPage(button) { + button.classList.add('loading'); + button.disabled = true; + + // 添加延迟以显示加载动画 + setTimeout(() => { + window.location.reload(); + }, 300); + }