dnftools/dcalc
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Activity

init

Browse Source
This commit is contained in:
imelon
2026-08-04 17:57:01 +08:00
parent 768fd4a3a9
commit f77034edd7
641 changed files with 26137 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
design/src-web/settings/component.js
+4
View File
@@ -0,0 +1,4 @@
(() => {
window.componentRegistry ||= {};
window.componentRegistry["src-web/settings/index.html"] = {"showcase":"<div class=\"panel\">\n <div class=\"panel-heading\"><div class=\"panel-title\">SettingsRow / SectionHeader</div><div class=\"panel-note\">The source folder “items” resolves to form rows</div></div>\n <div class=\"panel-body\">\n <div class=\"settings-group dnf-ui\">\n <div class=\"section-row\">显示特效</div>\n <div class=\"setting-row\"><div class=\"setting-label\">阴影效果</div><div class=\"setting-control check-row\"><span class=\"checkbox-control\"></span>关闭</div></div>\n <div class=\"setting-row alt\"><div class=\"setting-label\">光环效果 <img src=\"src-web/settings/img/sprite_interface.NPK/windowcommon.chn.img/239.PNG\"></div><div class=\"setting-control check-row\"><span class=\"checkbox-control is-checked\"></span>开启</div></div>\n <div class=\"setting-row focus\"><div class=\"setting-label\">角色轮廓</div><div class=\"setting-control slider\" style=\"--value:12%;width:250px\"><div class=\"slider-track\"><span class=\"slider-range\"></span><i class=\"slider-thumb\"></i></div><span class=\"slider-value\">12%</span></div></div>\n <div class=\"setting-row\"><div class=\"setting-label\">转职 / 觉醒特效</div><div class=\"setting-control field select-field has-select-icon\" style=\"min-width:220px\"><span class=\"field-label\">关闭</span></div></div>\n <div class=\"section-row\">队员角色特效</div>\n <div class=\"setting-row alt\"><div class=\"setting-label\" style=\"padding-left:14px\">队员技能插图特效</div><div class=\"setting-control check-row control-disabled\"><span class=\"checkbox-control\"></span>不可用</div></div>\n <div class=\"setting-row\"><div class=\"setting-label\" style=\"padding-left:14px\">队友伤害字体显示</div><div class=\"setting-control radio-row\">开启</div></div>\n </div>\n <div class=\"spec-row\" style=\"margin-top:14px\"><span class=\"spec-chip\">ControlSlot = Instance Swap</span><span class=\"spec-chip\">Indent = 0 · 1 · 2</span><span class=\"spec-chip\">Help = Boolean</span></div>\n </div>\n </div>"};
})();
design/src-web/settings/img/sprite_interface.NPK/windowcommon.chn.img/239.PNG
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 814 B

design/src-web/settings/index.html
+34
View File
@@ -0,0 +1,34 @@
<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=1920, initial-scale=1">
<base href="../../">
<title>settings 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">SettingsRow / SectionHeader</div><div class="panel-note">The source folder “items” resolves to form rows</div></div>
<div class="panel-body">
<div class="settings-group dnf-ui">
<div class="section-row">显示特效</div>
<div class="setting-row"><div class="setting-label">阴影效果</div><div class="setting-control check-row"><span class="checkbox-control"></span>关闭</div></div>
<div class="setting-row alt"><div class="setting-label">光环效果 <img src="src-web/settings/img/sprite_interface.NPK/windowcommon.chn.img/239.PNG"></div><div class="setting-control check-row"><span class="checkbox-control is-checked"></span>开启</div></div>
<div class="setting-row focus"><div class="setting-label">角色轮廓</div><div class="setting-control slider" style="--value:12%;width:250px"><div class="slider-track"><span class="slider-range"></span><i class="slider-thumb"></i></div><span class="slider-value">12%</span></div></div>
<div class="setting-row"><div class="setting-label">转职 / 觉醒特效</div><div class="setting-control field select-field has-select-icon" style="min-width:220px"><span class="field-label">关闭</span></div></div>
<div class="section-row">队员角色特效</div>
<div class="setting-row alt"><div class="setting-label" style="padding-left:14px">队员技能插图特效</div><div class="setting-control check-row control-disabled"><span class="checkbox-control"></span>不可用</div></div>
<div class="setting-row"><div class="setting-label" style="padding-left:14px">队友伤害字体显示</div><div class="setting-control radio-row">开启</div></div>
</div>
<div class="spec-row" style="margin-top:14px"><span class="spec-chip">ControlSlot = Instance Swap</span><span class="spec-chip">Indent = 0 · 1 · 2</span><span class="spec-chip">Help = Boolean</span></div>
</div>
</div>
</template>
<script>
document.querySelectorAll('template').forEach((template) => document.body.append(template.content.cloneNode(true)));
</script>
</body>
</html>
design/src-web/settings/style/index.css
+8
View File
@@ -0,0 +1,8 @@
/* Source module: settings.css */
.settings-group { border:1px solid #2c2c28;background:#050606; }
.section-row { height:34px;padding:0 10px;display:flex;align-items:center;color:#e4cc7c;border:1px solid #4c402a;background:linear-gradient(#22231f,#0e0f0e); }
.setting-row { min-height:38px;padding:5px 10px;display:grid;grid-template-columns:minmax(190px,1fr) minmax(210px,1.1fr);align-items:center;border-bottom:1px solid #23231f;color:#bcae73; }
.setting-row.alt { background:#171817; }
.setting-row.focus { outline:1px solid var(--focus);outline-offset:-2px;background:#071017; }
.setting-label { display:flex;align-items:center;gap:6px; }
.setting-control { justify-self:end; }