This commit is contained in:
2026-08-04 17:57:01 +08:00
parent 768fd4a3a9
commit f77034edd7
641 changed files with 26137 additions and 0 deletions
+37
View File
@@ -0,0 +1,37 @@
<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=1920, initial-scale=1">
<base href="../../">
<title>navigation component catalog</title>
<link rel="stylesheet" href="src-web/index.css">
</head>
<body>
<!-- Root pages load individual templates through index.html#fragment references. -->
<template id="favorite-drawer">
<div class="panel">
<div class="panel-heading"><div class="panel-title">FavoriteDrawer</div><span class="spec-chip captured">FAMILY A</span></div>
<div class="panel-body">
<div class="disclosure favorite-drawer dnf-ui" data-favorite-drawer><button type="button" class="disclosure-head focus" aria-expanded="true"><span style="color:#d47b22">★</span><span style="flex:1">收藏</span><span class="favorite-drawer-state">已展开</span><span class="favorite-drawer-arrow" aria-hidden="true">▲</span></button><div class="disclosure-body"><div class="tree-row">神圣的黄金增幅书 <span style="margin-left:auto">×</span></div><div class="tree-row">甜蜜果实收纳箱 <span style="margin-left:auto">×</span></div><div class="tree-row">稀有装备图鉴 <span style="margin-left:auto">×</span></div></div></div>
<div class="spec-row" style="margin-top:12px"><span class="spec-chip">Open · Collapsed</span><span class="spec-chip">Remove action</span><span class="spec-chip">Scroll</span></div>
</div>
</div>
</template>
<template id="settings-nav">
<div class="panel">
<div class="panel-heading"><div class="panel-title">SettingsNav</div><span class="spec-chip captured">FAMILY B</span></div>
<div class="panel-body" style="display:flex;justify-content:center">
<div class="nav-menu dnf-ui" style="width:100%">
<div class="nav-row"><img src="src-web/navigation/img/sprite_interface2_option.NPK/option.img/82.PNG"><span>首页</span></div>
<div class="nav-row"><img src="src-web/navigation/img/sprite_interface2_option.NPK/option.img/85.PNG"><span>画面</span><img src="src-web/navigation/img/sprite_interface2_option.NPK/option.img/103.PNG"></div>
<div class="nav-row selected"><img src="src-web/navigation/img/sprite_interface2_option.NPK/option.img/91.PNG"><span>特效</span><img src="src-web/navigation/img/sprite_interface2_option.NPK/option.img/106.PNG"></div>
</div>
</div>
</div>
</template>
<script>
document.querySelectorAll('template').forEach((template) => document.body.append(template.content.cloneNode(true)));
</script>
</body>
</html>