52 行
2.0 KiB
HTML
52 行
2.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8"/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
|
<title>呼籁旅行 · 内容管理</title>
|
|
<link rel="stylesheet" href="/admin.css"/>
|
|
</head>
|
|
<body>
|
|
<div id="login-view" class="login-wrap hidden">
|
|
<div class="login-card">
|
|
<div class="login-logo">呼籁旅行</div>
|
|
<div class="login-sub">甄选酒店 · 内容管理系统</div>
|
|
<input id="login-password" type="password" placeholder="请输入管理密码" autocomplete="current-password"/>
|
|
<button id="login-btn" class="btn btn-gold">进入管理后台</button>
|
|
<div id="login-error" class="login-error"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="app-view" class="app hidden">
|
|
<header class="topbar">
|
|
<div class="topbar-brand">呼籁旅行 · 内容管理</div>
|
|
<div class="topbar-actions">
|
|
<span id="save-status" class="save-status">—</span>
|
|
<button id="btn-preview" class="btn btn-line">预览站点</button>
|
|
<button id="btn-save" class="btn btn-gold" disabled>保存并发布</button>
|
|
<button id="btn-logout" class="btn btn-line">退出登录</button>
|
|
</div>
|
|
</header>
|
|
<div class="layout">
|
|
<nav class="side">
|
|
<button class="side-item active" data-view="settings">站点设置</button>
|
|
<button class="side-item" data-view="lines">产品线（线路/天数）</button>
|
|
<button class="side-item" data-view="trips">行程与酒店</button>
|
|
<button class="side-item" data-view="alts">备选酒店资料库</button>
|
|
<button class="side-item" data-view="backup">备份与恢复</button>
|
|
</nav>
|
|
<main class="content">
|
|
<div id="view-settings" class="view"></div>
|
|
<div id="view-lines" class="view hidden"></div>
|
|
<div id="view-trips" class="view hidden"></div>
|
|
<div id="view-alts" class="view hidden"></div>
|
|
<div id="view-backup" class="view hidden"></div>
|
|
</main>
|
|
</div>
|
|
<div id="toast" class="toast"></div>
|
|
</div>
|
|
|
|
<script src="/admin.js"></script>
|
|
</body>
|
|
</html>
|