yangxiangyuan
70 lines
2.8 KiB
HTML
70 lines
2.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>设置 - 理性锁</title>
|
|
<link rel="stylesheet" href="/common/common.css" />
|
|
<link rel="stylesheet" href="/tools/rational_lock/rational_lock.css" />
|
|
</head>
|
|
<body>
|
|
<main class="page">
|
|
<header class="hero">
|
|
<div class="hero-main">
|
|
<div>
|
|
<h1>设置</h1>
|
|
<p>在这里维护我的物品库，用于同类提醒和吃灰预警</p>
|
|
</div>
|
|
<div class="hero-auth">
|
|
<div id="auth-login-box" class="auth-login-inline">
|
|
<input id="login-username" autocomplete="username" />
|
|
<input id="login-password" type="password" autocomplete="current-password" />
|
|
<button id="btn-login" class="btn btn-primary" type="button">登录</button>
|
|
</div>
|
|
<div id="auth-logged-box" style="display:none">
|
|
<div class="auth-row">
|
|
<div id="auth-current-user" class="auth-current-user"></div>
|
|
<button id="btn-logout" class="btn" type="button">退出登录</button>
|
|
</div>
|
|
</div>
|
|
<div id="auth-status" class="status"></div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<div id="app-content" style="display:none">
|
|
<section class="card">
|
|
<h2>我的物品库</h2>
|
|
<div class="form-actions">
|
|
<button id="btn-back-main" class="btn" type="button">返回主界面</button>
|
|
</div>
|
|
<div class="grid two">
|
|
<label>物品名称<input id="lib-name" /></label>
|
|
<label>分类
|
|
<select id="lib-category">
|
|
<option value="服饰">服饰</option><option value="数码">数码</option><option value="家居">家居</option><option value="美妆">美妆</option><option value="其他">其他</option>
|
|
</select>
|
|
</label>
|
|
<label class="full">备注<input id="lib-note" /></label>
|
|
</div>
|
|
<div class="form-actions">
|
|
<button id="btn-lib-add" class="btn" type="button">加入物品库</button>
|
|
<button id="btn-lib-cancel-edit" class="btn" type="button" style="display:none">取消修改</button>
|
|
</div>
|
|
<div id="lib-list" class="list"></div>
|
|
<div id="form-status" class="status"></div>
|
|
</section>
|
|
</div>
|
|
</main>
|
|
|
|
<div id="app-modal" class="modal-mask" style="display:none">
|
|
<div class="modal-panel">
|
|
<div id="modal-title" class="modal-title"></div>
|
|
<div id="modal-message" class="modal-message"></div>
|
|
<div id="modal-actions" class="modal-actions"></div>
|
|
</div>
|
|
</div>
|
|
<script src="/tools/rational_lock/settings.js"></script>
|
|
</body>
|
|
</html>
|