98 lines
3.5 KiB
HTML
98 lines
3.5 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="zh-CN">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
|
||
|
|
<title>管理面板 · 优世界</title>
|
||
|
|
<meta name="robots" content="noindex,nofollow">
|
||
|
|
<script>
|
||
|
|
/* 主题要在样式生效前定好，否则会闪一下浅色 */
|
||
|
|
try { if (localStorage.getItem('atk-theme') === 'dark') document.documentElement.dataset.theme = 'dark'; } catch (e) {}
|
||
|
|
</script>
|
||
|
|
<link rel="stylesheet" href="./admin.css">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<!-- ===================== 登录 ===================== -->
|
||
|
|
<div id="gate" class="gate" hidden>
|
||
|
|
<div class="login-card">
|
||
|
|
<h1>管理面板</h1>
|
||
|
|
<p class="sub">优世界 · 评论 + 订阅统一管理</p>
|
||
|
|
|
||
|
|
<div id="lgErr" class="alert" hidden></div>
|
||
|
|
|
||
|
|
<form id="loginForm">
|
||
|
|
<label class="lbl" for="lgUser">账号</label>
|
||
|
|
<input id="lgUser" type="text" placeholder="admin" required autocomplete="username" spellcheck="false">
|
||
|
|
|
||
|
|
<label class="lbl" for="lgPass">密码</label>
|
||
|
|
<input id="lgPass" type="password" required autocomplete="current-password">
|
||
|
|
|
||
|
|
<label class="lbl" for="lgRss">订阅口令（管理订阅/友链用，留空则跳过）</label>
|
||
|
|
<input id="lgRss" type="password" autocomplete="off">
|
||
|
|
|
||
|
|
<button class="btn primary block" type="submit" id="lgBtn">登 录</button>
|
||
|
|
</form>
|
||
|
|
|
||
|
|
<p class="hint" title="Cloudflare Workers 没有 TCP，发不了 SMTP">邮箱验证码登录未启用</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- ===================== 主界面 ===================== -->
|
||
|
|
<div id="app" class="app" hidden>
|
||
|
|
|
||
|
|
<header class="mobile-bar">
|
||
|
|
<button class="icon-btn" data-act="menu" aria-label="打开菜单">☰</button>
|
||
|
|
<span class="mobile-title">管理面板</span>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
<div class="scrim" id="scrim" data-act="menu" hidden></div>
|
||
|
|
|
||
|
|
<aside class="sidebar" id="sidebar">
|
||
|
|
<div class="side-head">
|
||
|
|
<span class="logo">优</span>
|
||
|
|
<div class="side-tt">
|
||
|
|
<h1>优世界</h1>
|
||
|
|
<p>管理面板</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<nav class="side-nav" id="tabs"></nav>
|
||
|
|
|
||
|
|
<div class="side-foot">
|
||
|
|
<button class="sfoot-btn" data-act="theme" id="themeBtn"><svg viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20.5 14.5A8.5 8.5 0 1 1 9.5 3.5a7 7 0 0 0 11 11z"/></svg><span>深色模式</span></button>
|
||
|
|
<button class="sfoot-btn" data-act="logout"><svg viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 4H5.5A1.5 1.5 0 0 0 4 5.5v13A1.5 1.5 0 0 0 5.5 20H9"/><path d="M15 16l4-4-4-4M19 12H9"/></svg><span>退出登录</span></button>
|
||
|
|
</div>
|
||
|
|
</aside>
|
||
|
|
|
||
|
|
<main class="main">
|
||
|
|
<header class="topbar">
|
||
|
|
<div class="crumb" id="crumb"></div>
|
||
|
|
<div class="top-right">
|
||
|
|
<span class="side-name" id="who"></span>
|
||
|
|
</div>
|
||
|
|
</header>
|
||
|
|
<div id="view"></div>
|
||
|
|
<div class="foot">
|
||
|
|
<span id="footL"></span>
|
||
|
|
<span id="footR"></span>
|
||
|
|
</div>
|
||
|
|
</main>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="toast" class="toast" hidden></div>
|
||
|
|
|
||
|
|
<div id="modal" class="modal" hidden>
|
||
|
|
<div class="modal-card" role="dialog" aria-modal="true">
|
||
|
|
<div class="modal-head">
|
||
|
|
<h3 id="modalTitle"></h3>
|
||
|
|
<button class="icon-btn" data-act="modal-close" aria-label="关闭">✕</button>
|
||
|
|
</div>
|
||
|
|
<div class="modal-body" id="modalBody"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script src="./admin.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|