import{_ as s,c as i,o as a,V as t}from"./chunks/framework.C8ZGvtil.js";const c=JSON.parse('{"title":"零碎功能介绍","description":"","frontmatter":{},"headers":[],"relativePath":"guide/misc.md","filePath":"guide/misc.md"}'),l={name:"guide/misc.md"},h=t(`<h1 id="零碎功能介绍" tabindex="-1">零碎功能介绍 <a class="header-anchor" href="#零碎功能介绍" aria-label="Permalink to &quot;零碎功能介绍&quot;">​</a></h1><p>新样板中包含了很多零碎功能，这些功能比较细微，不适合单独开一个页面进行讲解，因此这里把这些零碎功能全部放到了这个页面</p><h2 id="html解析" tabindex="-1">html解析 <a class="header-anchor" href="#html解析" aria-label="Permalink to &quot;html解析&quot;">​</a></h2><p>有很多地方可以填写 html 字符串来实现解析 html：</p><ol><li><p>道具、装备描述：</p><p>以 <code>!!html</code>开头，后面紧跟着 html 字符串即可实现将这些内容解析为 html，例如：</p><div class="language-text vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">text</span><pre class="shiki shiki-themes github-light github-dark vp-code"><code><span class="line"><span>!!html&lt;span style=&quot;color: red&quot;&gt;这是一段红色的字&lt;/span&gt;</span></span></code></pre></div></li><li><p>虚拟按键：</p><p>注册虚拟按键时，按键的显示名称可以填写 html。例如 Win 键就是这么写的：</p><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">span</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> style</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;font-size: 130%; display: flex; justify-content: center; align-items: center&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">svg</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> style</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;width: 1em; height: 1em&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> viewbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;64 64 896 896&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> fill</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;currentColor&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">path</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> d</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;M523.8 191.4v288.9h382V128.1zm0 642.2l382 62.2v-352h-382zM120.1 480.2H443V201.9l-322.9 53.5zm0 290.4L443 823.2V543.8H120.1z&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">svg</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">span</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div></li><li><p>设置：</p><p>设置的说明也可以使用 html</p></li></ol>`,5),n=[h];function e(p,k,d,r,E,o){return a(),i("div",null,n)}const y=s(l,[["render",e]]);export{c as __pageData,y as default};
