init
This commit is contained in:
@@ -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>
|
||||
Reference in New Issue
Block a user