34 lines
1.2 KiB
HTML
34 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>JianF Nav Sync 设置</title>
|
|
<style>
|
|
*{box-sizing:border-box;margin:0;padding:0}
|
|
body{font-family:system-ui,sans-serif;padding:24px;max-width:500px;margin:0 auto;width:340px}
|
|
h1{font-size:18px;font-weight:700;margin-bottom:16px}
|
|
label{display:block;font-size:13px;font-weight:600;margin:10px 0 4px;color:#334155}
|
|
input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px}
|
|
button{margin-top:14px;padding:8px 20px;border:none;border-radius:8px;font-weight:600;cursor:pointer;font-size:14px}
|
|
.save{background:#0ea5e9;color:#fff}
|
|
.sync{background:#22c55e;color:#fff;margin-left:8px}
|
|
.status{margin-top:12px;font-size:12px;color:#64748b}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h1> JianF Nav Sync</h1>
|
|
<label>导航服务地址</label>
|
|
<input id="url" placeholder="https://nav.example.com">
|
|
<label>同步令牌（可选）</label>
|
|
<input id="token" type="password" placeholder="NAVI_SYNC_TOKEN">
|
|
<label>设备名称</label>
|
|
<input id="device" placeholder="desktop-chrome">
|
|
<div>
|
|
<button class="save" id="save">保存</button>
|
|
<button class="sync" id="sync">立即同步</button>
|
|
</div>
|
|
<div class="status" id="status"></div>
|
|
<script src="options.js"></script>
|
|
</body>
|
|
</html>
|