import{f as l,B as c,o as r,c as i,x as s,D,a as o,N as F}from"./chunks/framework.68f3e7ab.js";const y=s("h1",{id:"快速开始",tabindex:"-1"},[o("快速开始 "),s("a",{class:"header-anchor",href:"#快速开始","aria-label":'Permalink to "快速开始"'},"​")],-1),d=s("p",null,"本节将介绍如何在项目中使用该组件库",-1),_=s("h2",{id:"用法",tabindex:"-1"},[o("用法 "),s("a",{class:"header-anchor",href:"#用法","aria-label":'Permalink to "用法"'},"​")],-1),u={style:{padding:"1em"}},C=F(`<h3 id="代码示例" tabindex="-1">代码示例 <a class="header-anchor" href="#代码示例" aria-label="Permalink to &quot;代码示例&quot;">​</a></h3><div class="language-js"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&lt;</span><span style="color:#FFCB6B;">xs-chooseIcon</span><span style="color:#89DDFF;"> :title=&quot;title&quot; </span><span style="color:#C792EA;">v-model</span><span style="color:#89DDFF;">:</span><span style="color:#C792EA;">visible</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">visible</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;"> /&gt;</span></span>
<span class="line"><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">script</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">setup</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">lang</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">ts</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">&gt;</span></span>
<span class="line"><span style="color:#A6ACCD;">import </span><span style="color:#89DDFF;">{</span><span style="color:#A6ACCD;"> ref </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;"> from &quot;vue&quot;;</span></span>
<span class="line"></span>
<span class="line"><span style="color:#A6ACCD;">const visible = ref</span><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">boolean</span><span style="color:#89DDFF;">&gt;</span><span style="color:#A6ACCD;">(false);</span></span>
<span class="line"><span style="color:#A6ACCD;">const title = ref</span><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">string</span><span style="color:#89DDFF;">&gt;</span><span style="color:#A6ACCD;">(&quot;选择图标&quot;);</span></span>
<span class="line"><span style="color:#89DDFF;">&lt;/</span><span style="color:#F07178;">script</span><span style="color:#89DDFF;">&gt;</span></span>
<span class="line"></span>
<span class="line"></span></code></pre></div>`,2),b=JSON.parse('{"title":"快速开始","description":"","frontmatter":{},"headers":[],"relativePath":"guild/quickstart.md"}'),h={name:"guild/quickstart.md"},f=Object.assign(h,{setup(A){const a=l(!1),e=l("选择图标");return(m,n)=>{const t=c("xs-chooseIcon");return r(),i("div",null,[y,d,_,s("div",u,[D(t,{title:e.value,visible:a.value,"onUpdate:visible":n[0]||(n[0]=p=>a.value=p)},null,8,["title","visible"])]),C])}}});export{b as __pageData,f as default};
