diff --git a/public/index.html b/public/index.html index f14d1af..908ad41 100644 --- a/public/index.html +++ b/public/index.html @@ -91,6 +91,121 @@ [data-theme="dark"] p { color: #ffffff; } + + /* 阿里云盘扫码v2样式 */ + .qr-modal { + display: none; + position: fixed; + z-index: 1000; + left: 0; + top: 0; + width: 100%; + height: 100%; + background-color: rgba(0,0,0,0.5); + } + + .qr-modal-content { + background-color: #fefefe; + margin: 5% auto; + padding: 20px; + border-radius: 10px; + width: 90%; + max-width: 500px; + text-align: center; + } + + [data-theme="dark"] .qr-modal-content { + background-color: #2a2a3b; + color: #f0f0f0; + } + + .qr-code-container { + margin: 20px 0; + padding: 20px; + background: #f8f9fa; + border-radius: 10px; + } + + [data-theme="dark"] .qr-code-container { + background: #1a1a2e; + } + + .qr-code-img { + max-width: 200px; + max-height: 200px; + border-radius: 8px; + } + + .qr-status { + margin: 15px 0; + padding: 10px; + border-radius: 5px; + font-weight: 500; + } + + .qr-status.waiting { + background: #fff3cd; + color: #856404; + border: 1px solid #ffeaa7; + } + + .qr-status.scaned { + background: #d1ecf1; + color: #0c5460; + border: 1px solid #bee5eb; + } + + .qr-status.success { + background: #d4edda; + color: #155724; + border: 1px solid #c3e6cb; + } + + .qr-status.error { + background: #f8d7da; + color: #721c24; + border: 1px solid #f5c6cb; + } + + [data-theme="dark"] .qr-status.waiting { + background: #3d3d00; + color: #ffeb3b; + border: 1px solid #ffeb3b; + } + + [data-theme="dark"] .qr-status.scaned { + background: #003d4d; + color: #00bcd4; + border: 1px solid #00bcd4; + } + + [data-theme="dark"] .qr-status.success { + background: #1b5e20; + color: #4caf50; + border: 1px solid #4caf50; + } + + [data-theme="dark"] .qr-status.error { + background: #5d1a1a; + color: #f44336; + border: 1px solid #f44336; + } + + .close-btn { + color: #aaa; + float: right; + font-size: 28px; + font-weight: bold; + cursor: pointer; + } + + .close-btn:hover { + color: black; + } + + [data-theme="dark"] .close-btn:hover { + color: white; + }
@@ -108,6 +223,7 @@ + @@ -177,6 +293,24 @@ + + +