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
+38
View File
@@ -0,0 +1,38 @@
<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=1920, initial-scale=1">
<base href="../../">
<title>menu 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="showcase">
<div class="panel">
<div class="panel-heading"><div class="panel-title">SettingsDropdown / CompactContext</div><div class="panel-note">Separate anatomy, not Size variants</div></div>
<div class="panel-body" style="display:flex;gap:30px;align-items:flex-start">
<div class="dropdown dnf-ui">
<div class="dropdown-title">设置菜单</div>
<div class="menu-row"><span class="menu-icon"><img src="src-web/menu/img/sprite_interface2_popup_menu.NPK/popup_icon_npc.img/2.PNG"></span><span>滑动锁定</span></div>
<div class="menu-row focus"><span class="menu-icon"><img src="src-web/menu/img/sprite_interface2_popup_menu.NPK/popup_icon_npc.img/7.PNG"></span><span>背景画面设置</span></div>
<div class="menu-row"><span class="menu-icon"><img src="src-web/menu/img/sprite_interface.NPK/windowcommon.chn.img/239.PNG"></span><span>重新查看指南</span></div>
</div>
<div class="context-menu dnf-ui">
<div class="context-title">赛丽亚·克鲁敏</div>
<div class="context-row"><img src="src-web/menu/img/sprite_interface2_popup_menu.NPK/popup_icon_npc.img/4.PNG">聊天</div>
<div class="context-row"><img src="src-web/menu/img/sprite_interface2_popup_menu.NPK/popup_icon_npc.img/3.PNG">商店</div>
<div class="context-row"><img src="src-web/menu/img/sprite_interface2_popup_menu.NPK/popup_icon_npc.img/17.PNG">任务</div>
<div class="context-row"><img src="src-web/menu/img/sprite_interface2_popup_menu.NPK/popup_icon_npc.img/14.PNG">设置二级密码</div>
<div class="context-row"><img src="src-web/menu/img/sprite_interface2_popup_menu.NPK/popup_icon_npc.img/15.PNG">赠送</div>
<div class="context-row"><img src="src-web/menu/img/sprite_interface2_popup_menu.NPK/popup_icon_npc.img/13.PNG">品级调整</div>
</div>
</div>
</div>
</template>
<script>
document.querySelectorAll('template').forEach((template) => document.body.append(template.content.cloneNode(true)));
</script>
</body>
</html>