46 lines
1.7 KiB
HTML
46 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
|
|
<title>nomadro · 数字游民</title>
|
|
<link rel="stylesheet" href="./styles.css" />
|
|
</head>
|
|
<body>
|
|
<div id="app">
|
|
<header class="top-chrome" id="top-chrome">
|
|
<div class="top-left">
|
|
<button type="button" class="icon-btn is-hidden" id="btn-back" aria-label="返回">←</button>
|
|
<div>
|
|
<p class="top-brand" id="top-brand">nomadro</p>
|
|
<p class="top-sub" id="top-sub">离线镜像</p>
|
|
</div>
|
|
</div>
|
|
<button type="button" class="chip" id="btn-offline" title="离线说明">离线</button>
|
|
</header>
|
|
|
|
<main class="main" id="main"></main>
|
|
|
|
<nav class="tabbar" id="tabbar" aria-label="主导航">
|
|
<button type="button" class="tab is-active" data-tab="home"><span>🏠</span><i>首页</i></button>
|
|
<button type="button" class="tab" data-tab="explore"><span>🧭</span><i>探索</i></button>
|
|
<button type="button" class="tab" data-tab="connect"><span>🤝</span><i>连接</i></button>
|
|
<button type="button" class="tab" data-tab="grow"><span>🌱</span><i>成长</i></button>
|
|
<button type="button" class="tab" data-tab="mine"><span>👤</span><i>我的</i></button>
|
|
</nav>
|
|
</div>
|
|
|
|
<div class="sheet is-hidden" id="sheet" role="dialog" aria-modal="true">
|
|
<div class="sheet-mask" id="sheet-mask"></div>
|
|
<div class="sheet-panel">
|
|
<div class="sheet-handle"></div>
|
|
<div id="sheet-body"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="./data.js"></script>
|
|
<script src="./xhs-bridge.js"></script>
|
|
<script src="./app.js"></script>
|
|
</body>
|
|
</html>
|