fukunee/Hist
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

发布：完整项目代码（三视图 + 词条数据 + 加载页等）

Browse Source
This commit is contained in:
fukunee
2026-09-19 16:53:18 +08:00
parent e3fd805de2
commit 906e53f1d5
16 changed files with 1758 additions and 464 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+10 -12
View File
@@ -30,17 +30,17 @@
<!-- 底部：导航 -->
<footer class="hud bottom-bar">
<button class="nav-btn" id="btn-prev" title="上一页 (←)">◀</button>
<button class="nav-btn" id="btn-prev" aria-label="上一页">◀</button>
<div class="page-indicator">
<span id="page-num">01</span><span class="sep">/</span><span id="page-total">20</span>
<span class="page-name" id="page-name">露西 · 南方古猿</span>
</div>
<button class="nav-btn" id="btn-next" title="下一页 (→)">▶</button>
<div class="view-switch" aria-label="视图切换">
<button class="view-btn active" data-view="binder">活页本</button>
<button class="view-btn" data-view="timeline">时间轴</button>
<button class="view-btn" data-view="globe" disabled title="地理视图加载中">地理</button>
</div>
<button class="nav-btn" id="btn-next" aria-label="下一页">▶</button>
<button class="view-btn" id="btn-view" data-view="binder" aria-label="切换视图">
<svg class="v-icon v-binder" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="3" width="16" height="18" rx="1.5"/><line x1="8" y1="3" x2="8" y2="21"/><circle cx="11.5" cy="8" r="0.6" fill="currentColor"/><circle cx="11.5" cy="12" r="0.6" fill="currentColor"/><circle cx="11.5" cy="16" r="0.6" fill="currentColor"/></svg>
<svg class="v-icon v-timeline" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><polyline points="12 7 12 12 15.5 14"/></svg>
<svg class="v-icon v-globe" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><ellipse cx="12" cy="12" rx="4" ry="9"/><line x1="3" y1="12" x2="21" y2="12"/></svg>
</button>
</footer>
<!-- 右侧：登记卡详情 -->
@@ -63,12 +63,10 @@
<div class="hud hint" id="hint">拖动旋转 · 滚轮缩放 · 时间轴视图拖拽左右滑动 · 点击选中 · ← → 翻页</div>
</div>
<!-- 加载界面 -->
<!-- 加载界面：OS1 3D 加载环 -->
<div id="loading" aria-hidden="true">
<div class="loading-box">
<div class="spinner"></div>
<div class="loading-text">载入中…</div>
</div>
<div id="loading-canvas"></div>
<div class="loading-text">加载中，约等待六秒…</div>
</div>
<script type="module" src="/src/main.js"></script>