This commit is contained in:
mzl
2026-01-12 15:59:45 +08:00
parent 7c0b8c4c09
commit 2398942043
4 changed files with 96 additions and 126 deletions
+10 -33
View File
@@ -201,13 +201,20 @@
</div>
</div>
<div class="login-actions">
<button class="btn btn-primary" id="loginBtn" title="模拟登录,不是真实扫码">
<span class="btn-icon">🔐</span> 模拟登录
<button class="btn btn-primary" id="loginBtn" title="打开小红书登录页面">
<span class="btn-icon">🔐</span> 打开登录页
</button>
<button class="btn btn-success" id="verifyLoginBtn" style="display: none;" title="验证登录状态">
<span class="btn-icon">✅</span> 验证登录
</button>
<button class="btn btn-danger" id="logoutBtn">
<span class="btn-icon">🚪</span> 退出登录
</button>
</div>
<div id="loginInstructions" style="display: none; margin-top: 10px; padding: 10px; background: #f0f9ff; border-radius: 5px; font-size: 14px;">
<p style="margin: 0; color: #0369a1;">📱 新窗口打开了小红书登录页面,请完成扫码登录</p>
<p style="margin: 5px 0 0 0; font-size: 12px; color: #64748b;">登录成功后,返回此页面点击"验证登录"按钮</p>
</div>
</div>
<!-- 用户管理 -->
@@ -253,37 +260,7 @@
</div>
</div>
<!-- 登录二维码模态框 -->
<div class="modal" id="loginQrModal">
<div class="modal-content">
<div class="modal-header">
<h3>扫码登录小红书</h3>
<button class="modal-close" id="closeLoginQrModal">&times;</button>
</div>
<div class="modal-body">
<div class="qr-login-container">
<div class="qr-code-section">
<div id="qrcodeContainer">
<!-- 二维码将在这里显示 -->
</div>
<p class="qr-tips">请使用小红书App扫描二维码登录</p>
</div>
<div class="login-status-section">
<h4>登录状态</h4>
<div class="login-status-item">
<span class="status-label">状态:</span>
<span class="status-value" id="qrLoginStatus">等待扫码...</span>
</div>
<div class="login-status-item">
<span class="status-label">二维码过期时间:</span>
<span class="status-value" id="qrExpireTime">120秒</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 浮动提示 -->
<div class="toast" id="toast"></div>