docs: update document web site
This commit is contained in:
parent
f8e297e3e5
commit
9d43aadb5d
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -1,29 +0,0 @@
|
|||
import{V as o,_ as g,c as f,a as y,w as D,b as t,d as s,e as h,r as C,o as m}from"./app.4bbb5a44.js";const _={name:"component-doc",components:{"render-demo-0":function(){const{resolveComponent:p,createVNode:u,openBlock:c,createElementBlock:r}=o;function i(a,l){const n=p("f-button");return c(),r("div",null,[u(n)])}const{defineComponent:d}=o,{ref:e}=o;return{render:i,...d({setup(a,{expose:l}){l();const n={ref:e};return Object.defineProperty(n,"__isScriptSetup",{enumerable:!1,value:!0}),n}})}}(),"render-demo-1":function(){const{resolveComponent:p,createVNode:u,openBlock:c,createElementBlock:r}=o;function i(a,l){const n=p("f-button");return c(),r("div",null,[u(n,{disable:a.disable},null,8,["disable"])])}const{defineComponent:d}=o,{ref:e}=o;return{render:i,...d({setup(a,{expose:l}){l();const F={disable:e(!0),ref:e};return Object.defineProperty(F,"__isScriptSetup",{enumerable:!1,value:!0}),F}})}}()}},S=JSON.parse('{"title":"Button \u6309\u94AE","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u57FA\u672C\u7528\u6CD5","slug":"\u57FA\u672C\u7528\u6CD5"},{"level":2,"title":"\u72B6\u6001","slug":"\u72B6\u6001"},{"level":2,"title":"\u7C7B\u578B","slug":"\u7C7B\u578B"},{"level":2,"title":"\u5C5E\u6027","slug":"\u5C5E\u6027"},{"level":2,"title":"\u4E8B\u4EF6","slug":"\u4E8B\u4EF6"},{"level":2,"title":"\u63D2\u69FD","slug":"\u63D2\u69FD"}],"relativePath":"components/button/index.md"}'),E=t("h1",{id:"button-\u6309\u94AE",tabindex:"-1"},[s("Button \u6309\u94AE "),t("a",{class:"header-anchor",href:"#button-\u6309\u94AE","aria-hidden":"true"},"#")],-1),B=t("p",null,"Button \u7EC4\u4EF6\u4E3A\u4E0D\u540C\u4F7F\u7528\u573A\u666F\u63D0\u4F9B\u4E86\u591A\u79CD\u5C55\u793A\u6837\u5F0F\u3002",-1),A=t("h2",{id:"\u57FA\u672C\u7528\u6CD5",tabindex:"-1"},[s("\u57FA\u672C\u7528\u6CD5 "),t("a",{class:"header-anchor",href:"#\u57FA\u672C\u7528\u6CD5","aria-hidden":"true"},"#")],-1),b=t("div",{class:"language-vue"},[t("pre",null,[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),s("script")]),s(),t("span",{class:"token attr-name"},"setup"),s(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),s("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[s(`
|
||||
`),t("span",{class:"token keyword"},"import"),s(),t("span",{class:"token punctuation"},"{"),s(" ref "),t("span",{class:"token punctuation"},"}"),s(),t("span",{class:"token keyword"},"from"),s(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),s(`
|
||||
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),s("script")]),t("span",{class:"token punctuation"},">")]),s(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),s("template")]),t("span",{class:"token punctuation"},">")]),s(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),s("f-button")]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),s("f-button")]),t("span",{class:"token punctuation"},">")]),s(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),s("template")]),t("span",{class:"token punctuation"},">")]),s(`
|
||||
`)])])],-1),x=t("h2",{id:"\u72B6\u6001",tabindex:"-1"},[s("\u72B6\u6001 "),t("a",{class:"header-anchor",href:"#\u72B6\u6001","aria-hidden":"true"},"#")],-1),v=t("div",{class:"language-vue"},[t("pre",null,[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),s("script")]),s(),t("span",{class:"token attr-name"},"setup"),s(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),s("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[s(`
|
||||
`),t("span",{class:"token keyword"},"import"),s(),t("span",{class:"token punctuation"},"{"),s(" ref "),t("span",{class:"token punctuation"},"}"),s(),t("span",{class:"token keyword"},"from"),s(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),s(`
|
||||
`),t("span",{class:"token keyword"},"const"),s(" disable "),t("span",{class:"token operator"},"="),s(),t("span",{class:"token function"},"ref"),t("span",{class:"token punctuation"},"("),t("span",{class:"token boolean"},"true"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),s(`
|
||||
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),s("script")]),t("span",{class:"token punctuation"},">")]),s(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),s("template")]),t("span",{class:"token punctuation"},">")]),s(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),s("f-button")]),s(),t("span",{class:"token attr-name"},":disable"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),s("disable"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),s("f-button")]),t("span",{class:"token punctuation"},">")]),s(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),s("template")]),t("span",{class:"token punctuation"},">")]),s(`
|
||||
`)])])],-1),V=h(`<h2 id="\u7C7B\u578B" tabindex="-1">\u7C7B\u578B <a class="header-anchor" href="#\u7C7B\u578B" aria-hidden="true">#</a></h2><div class="language-typescript"><button class="copy"></button><span class="lang">typescript</span><pre><code><span class="line"><span style="color:#C792EA;">type</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">ButtonType</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">primary</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">warning</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">danger</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">success</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">link</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">secondary</span><span style="color:#89DDFF;">'</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#C792EA;">type</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">SizeType</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">small</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">large</span><span style="color:#89DDFF;">'</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"></span></code></pre></div><h2 id="\u5C5E\u6027" tabindex="-1">\u5C5E\u6027 <a class="header-anchor" href="#\u5C5E\u6027" aria-hidden="true">#</a></h2><table><thead><tr><th style="text-align:left;">\u5C5E\u6027\u540D</th><th style="text-align:left;">\u7C7B\u578B</th><th style="text-align:left;">\u9ED8\u8BA4\u503C</th><th style="text-align:left;">\u8BF4\u660E</th></tr></thead><tbody><tr><td style="text-align:left;">id</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u6807\u8BB0\u7EC4\u4EF6\u7684\u552F\u4E00\u6807\u8BC6</td></tr><tr><td style="text-align:left;">buttonType</td><td style="text-align:left;"><code>string as ButtonType</code></td><td style="text-align:left;">'primary'</td><td style="text-align:left;">\u6309\u94AE\u663E\u793A\u6837\u5F0F</td></tr><tr><td style="text-align:left;">disable</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">\u5C06\u6309\u94AE\u8BBE\u7F6E\u4E3A\u7981\u7528\u72B6\u6001</td></tr><tr><td style="text-align:left;">size</td><td style="text-align:left;"><code>string as SizeType</code></td><td style="text-align:left;">'small'</td><td style="text-align:left;">\u6309\u94AE\u5C3A\u5BF8</td></tr></tbody></table><h2 id="\u4E8B\u4EF6" tabindex="-1">\u4E8B\u4EF6 <a class="header-anchor" href="#\u4E8B\u4EF6" aria-hidden="true">#</a></h2><table><thead><tr><th style="text-align:left;">\u4E8B\u4EF6\u540D</th><th style="text-align:left;">\u7C7B\u578B</th><th style="text-align:left;">\u8BF4\u660E</th></tr></thead><tbody><tr><td style="text-align:left;">click</td><td style="text-align:left;"><code>EventEmitter<any></code></td><td style="text-align:left;">\u70B9\u51FB\u6309\u94AE\u4E8B\u4EF6</td></tr></tbody></table><h2 id="\u63D2\u69FD" tabindex="-1">\u63D2\u69FD <a class="header-anchor" href="#\u63D2\u69FD" aria-hidden="true">#</a></h2><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>\u6682\u65E0\u5185\u5BB9</p></div>`,8);function N(p,u,c,r,i,d){const e=C("render-demo-0"),k=C("demo"),a=C("render-demo-1");return m(),f("div",null,[E,B,A,y(k,{sourceCode:`<script setup lang="ts">
|
||||
import { ref } from 'vue';
|
||||
<\/script>
|
||||
<template>
|
||||
<f-button></f-button>
|
||||
</template>
|
||||
`},{highlight:D(()=>[b]),default:D(()=>[y(e)]),_:1}),x,y(k,{sourceCode:`<script setup lang="ts">
|
||||
import { ref } from 'vue';
|
||||
const disable = ref(true);
|
||||
<\/script>
|
||||
<template>
|
||||
<f-button :disable="disable"></f-button>
|
||||
</template>
|
||||
`},{highlight:D(()=>[v]),default:D(()=>[y(a)]),_:1}),V])}const T=g(_,[["render",N]]);export{S as __pageData,T as default};
|
|
@ -1,29 +0,0 @@
|
|||
import{V as o,_ as g,c as f,a as y,w as D,b as t,d as s,e as h,r as C,o as m}from"./app.4bbb5a44.js";const _={name:"component-doc",components:{"render-demo-0":function(){const{resolveComponent:p,createVNode:u,openBlock:c,createElementBlock:r}=o;function i(a,l){const n=p("f-button");return c(),r("div",null,[u(n)])}const{defineComponent:d}=o,{ref:e}=o;return{render:i,...d({setup(a,{expose:l}){l();const n={ref:e};return Object.defineProperty(n,"__isScriptSetup",{enumerable:!1,value:!0}),n}})}}(),"render-demo-1":function(){const{resolveComponent:p,createVNode:u,openBlock:c,createElementBlock:r}=o;function i(a,l){const n=p("f-button");return c(),r("div",null,[u(n,{disable:a.disable},null,8,["disable"])])}const{defineComponent:d}=o,{ref:e}=o;return{render:i,...d({setup(a,{expose:l}){l();const F={disable:e(!0),ref:e};return Object.defineProperty(F,"__isScriptSetup",{enumerable:!1,value:!0}),F}})}}()}},S=JSON.parse('{"title":"Button \u6309\u94AE","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u57FA\u672C\u7528\u6CD5","slug":"\u57FA\u672C\u7528\u6CD5"},{"level":2,"title":"\u72B6\u6001","slug":"\u72B6\u6001"},{"level":2,"title":"\u7C7B\u578B","slug":"\u7C7B\u578B"},{"level":2,"title":"\u5C5E\u6027","slug":"\u5C5E\u6027"},{"level":2,"title":"\u4E8B\u4EF6","slug":"\u4E8B\u4EF6"},{"level":2,"title":"\u63D2\u69FD","slug":"\u63D2\u69FD"}],"relativePath":"components/button/index.md"}'),E=t("h1",{id:"button-\u6309\u94AE",tabindex:"-1"},[s("Button \u6309\u94AE "),t("a",{class:"header-anchor",href:"#button-\u6309\u94AE","aria-hidden":"true"},"#")],-1),B=t("p",null,"Button \u7EC4\u4EF6\u4E3A\u4E0D\u540C\u4F7F\u7528\u573A\u666F\u63D0\u4F9B\u4E86\u591A\u79CD\u5C55\u793A\u6837\u5F0F\u3002",-1),A=t("h2",{id:"\u57FA\u672C\u7528\u6CD5",tabindex:"-1"},[s("\u57FA\u672C\u7528\u6CD5 "),t("a",{class:"header-anchor",href:"#\u57FA\u672C\u7528\u6CD5","aria-hidden":"true"},"#")],-1),b=t("div",{class:"language-vue"},[t("pre",null,[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),s("script")]),s(),t("span",{class:"token attr-name"},"setup"),s(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),s("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[s(`
|
||||
`),t("span",{class:"token keyword"},"import"),s(),t("span",{class:"token punctuation"},"{"),s(" ref "),t("span",{class:"token punctuation"},"}"),s(),t("span",{class:"token keyword"},"from"),s(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),s(`
|
||||
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),s("script")]),t("span",{class:"token punctuation"},">")]),s(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),s("template")]),t("span",{class:"token punctuation"},">")]),s(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),s("f-button")]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),s("f-button")]),t("span",{class:"token punctuation"},">")]),s(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),s("template")]),t("span",{class:"token punctuation"},">")]),s(`
|
||||
`)])])],-1),x=t("h2",{id:"\u72B6\u6001",tabindex:"-1"},[s("\u72B6\u6001 "),t("a",{class:"header-anchor",href:"#\u72B6\u6001","aria-hidden":"true"},"#")],-1),v=t("div",{class:"language-vue"},[t("pre",null,[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),s("script")]),s(),t("span",{class:"token attr-name"},"setup"),s(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),s("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[s(`
|
||||
`),t("span",{class:"token keyword"},"import"),s(),t("span",{class:"token punctuation"},"{"),s(" ref "),t("span",{class:"token punctuation"},"}"),s(),t("span",{class:"token keyword"},"from"),s(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),s(`
|
||||
`),t("span",{class:"token keyword"},"const"),s(" disable "),t("span",{class:"token operator"},"="),s(),t("span",{class:"token function"},"ref"),t("span",{class:"token punctuation"},"("),t("span",{class:"token boolean"},"true"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),s(`
|
||||
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),s("script")]),t("span",{class:"token punctuation"},">")]),s(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),s("template")]),t("span",{class:"token punctuation"},">")]),s(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),s("f-button")]),s(),t("span",{class:"token attr-name"},":disable"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),s("disable"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),s("f-button")]),t("span",{class:"token punctuation"},">")]),s(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),s("template")]),t("span",{class:"token punctuation"},">")]),s(`
|
||||
`)])])],-1),V=h(`<h2 id="\u7C7B\u578B" tabindex="-1">\u7C7B\u578B <a class="header-anchor" href="#\u7C7B\u578B" aria-hidden="true">#</a></h2><div class="language-typescript"><button class="copy"></button><span class="lang">typescript</span><pre><code><span class="line"><span style="color:#C792EA;">type</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">ButtonType</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">primary</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">warning</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">danger</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">success</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">link</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">secondary</span><span style="color:#89DDFF;">'</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#C792EA;">type</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">SizeType</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">small</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">large</span><span style="color:#89DDFF;">'</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"></span></code></pre></div><h2 id="\u5C5E\u6027" tabindex="-1">\u5C5E\u6027 <a class="header-anchor" href="#\u5C5E\u6027" aria-hidden="true">#</a></h2><table><thead><tr><th style="text-align:left;">\u5C5E\u6027\u540D</th><th style="text-align:left;">\u7C7B\u578B</th><th style="text-align:left;">\u9ED8\u8BA4\u503C</th><th style="text-align:left;">\u8BF4\u660E</th></tr></thead><tbody><tr><td style="text-align:left;">id</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u6807\u8BB0\u7EC4\u4EF6\u7684\u552F\u4E00\u6807\u8BC6</td></tr><tr><td style="text-align:left;">buttonType</td><td style="text-align:left;"><code>string as ButtonType</code></td><td style="text-align:left;">'primary'</td><td style="text-align:left;">\u6309\u94AE\u663E\u793A\u6837\u5F0F</td></tr><tr><td style="text-align:left;">disable</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">\u5C06\u6309\u94AE\u8BBE\u7F6E\u4E3A\u7981\u7528\u72B6\u6001</td></tr><tr><td style="text-align:left;">size</td><td style="text-align:left;"><code>string as SizeType</code></td><td style="text-align:left;">'small'</td><td style="text-align:left;">\u6309\u94AE\u5C3A\u5BF8</td></tr></tbody></table><h2 id="\u4E8B\u4EF6" tabindex="-1">\u4E8B\u4EF6 <a class="header-anchor" href="#\u4E8B\u4EF6" aria-hidden="true">#</a></h2><table><thead><tr><th style="text-align:left;">\u4E8B\u4EF6\u540D</th><th style="text-align:left;">\u7C7B\u578B</th><th style="text-align:left;">\u8BF4\u660E</th></tr></thead><tbody><tr><td style="text-align:left;">click</td><td style="text-align:left;"><code>EventEmitter<any></code></td><td style="text-align:left;">\u70B9\u51FB\u6309\u94AE\u4E8B\u4EF6</td></tr></tbody></table><h2 id="\u63D2\u69FD" tabindex="-1">\u63D2\u69FD <a class="header-anchor" href="#\u63D2\u69FD" aria-hidden="true">#</a></h2><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>\u6682\u65E0\u5185\u5BB9</p></div>`,8);function N(p,u,c,r,i,d){const e=C("render-demo-0"),k=C("demo"),a=C("render-demo-1");return m(),f("div",null,[E,B,A,y(k,{sourceCode:`<script setup lang="ts">
|
||||
import { ref } from 'vue';
|
||||
<\/script>
|
||||
<template>
|
||||
<f-button></f-button>
|
||||
</template>
|
||||
`},{highlight:D(()=>[b]),default:D(()=>[y(e)]),_:1}),x,y(k,{sourceCode:`<script setup lang="ts">
|
||||
import { ref } from 'vue';
|
||||
const disable = ref(true);
|
||||
<\/script>
|
||||
<template>
|
||||
<f-button :disable="disable"></f-button>
|
||||
</template>
|
||||
`},{highlight:D(()=>[v]),default:D(()=>[y(a)]),_:1}),V])}const T=g(_,[["render",N]]);export{S as __pageData,T as default};
|
87
packages/ui-vue/docs/.vitepress/dist/assets/components_button_index.md.c13a54c3.js
vendored
Normal file
87
packages/ui-vue/docs/.vitepress/dist/assets/components_button_index.md.c13a54c3.js
vendored
Normal file
|
@ -0,0 +1,87 @@
|
|||
import{V as k,_ as w,c as V,a as f,w as _,b as t,d as n,e as N,r as v,o as T}from"./app.4bbb5a44.js";const S={name:"component-doc",components:{"render-demo-0":function(){const{createTextVNode:e,resolveComponent:r,withCtx:s,createVNode:a,openBlock:o,createElementBlock:m}=k,d=e(" \u4E3B\u8981\u6309\u94AE "),p=e(" \u5371\u9669\u6309\u94AE "),g=e(" \u6210\u529F\u6309\u94AE "),y=e(" \u8B66\u544A\u6309\u94AE "),C=e(" \u4FE1\u606F\u6309\u94AE "),h=e(" \u6587\u672C\u6309\u94AE ");function E(x,F){const u=r("f-button");return o(),m("div",null,[a(u,{style:{margin:"5px"}},{default:s(()=>[d]),_:1}),a(u,{style:{margin:"5px"},"button-type":"danger"},{default:s(()=>[p]),_:1}),a(u,{style:{margin:"5px"},"button-type":"success"},{default:s(()=>[g]),_:1}),a(u,{style:{margin:"5px"},"button-type":"warning"},{default:s(()=>[y]),_:1}),a(u,{style:{margin:"5px"},"button-type":"secondary"},{default:s(()=>[C]),_:1}),a(u,{style:{margin:"5px"},"button-type":"link"},{default:s(()=>[h]),_:1})])}const{defineComponent:b}=k,{ref:l}=k;return{render:E,...b({setup(x,{expose:F}){F();const u={ref:l};return Object.defineProperty(u,"__isScriptSetup",{enumerable:!1,value:!0}),u}})}}(),"render-demo-1":function(){const{createElementVNode:e,resolveComponent:r,createVNode:s,createTextVNode:a,withCtx:o,openBlock:m,createElementBlock:d}=k,p={class:"my-2 d-flex"},g=e("div",{class:"f-demo-label"},"\u7981\u7528\u6309\u94AE:",-1),y=a(" \u4E3B\u8981\u6309\u94AE "),C=a(" \u5371\u9669\u6309\u94AE "),h=a(" \u6210\u529F\u6309\u94AE "),E=a(" \u8B66\u544A\u6309\u94AE "),b=a(" \u4FE1\u606F\u6309\u94AE "),l=a(" \u6587\u672C\u6309\u94AE ");function D(c,A){const B=r("f-switch"),i=r("f-button");return m(),d("div",null,[e("div",p,[g,s(B,{modelValue:c.disable,"onUpdate:modelValue":A[0]||(A[0]=q=>c.disable=q)},null,8,["modelValue"])]),e("div",null,[s(i,{style:{margin:"5px"},disable:c.disable},{default:o(()=>[y]),_:1},8,["disable"]),s(i,{style:{margin:"5px"},"button-type":"danger",disable:c.disable},{default:o(()=>[C]),_:1},8,["disable"]),s(i,{style:{margin:"5px"},"button-type":"success",disable:c.disable},{default:o(()=>[h]),_:1},8,["disable"]),s(i,{style:{margin:"5px"},"button-type":"warning",disable:c.disable},{default:o(()=>[E]),_:1},8,["disable"]),s(i,{style:{margin:"5px"},"button-type":"secondary",disable:c.disable},{default:o(()=>[b]),_:1},8,["disable"]),s(i,{style:{margin:"5px"},"button-type":"link",disable:c.disable},{default:o(()=>[l]),_:1},8,["disable"])])])}const{defineComponent:x}=k,{ref:F}=k;return{render:D,...x({setup(c,{expose:A}){A();const i={disable:F(!0),ref:F};return Object.defineProperty(i,"__isScriptSetup",{enumerable:!1,value:!0}),i}})}}(),"render-demo-2":function(){const{createTextVNode:e,resolveComponent:r,withCtx:s,createVNode:a,openBlock:o,createElementBlock:m}=k,d=e(" \u5C0F\u5C3A\u5BF8 "),p=e(" \u5927\u5C3A\u5BF8 ");function g(E,b){const l=r("f-button");return o(),m("div",null,[a(l,{style:{margin:"5px"},size:"small"},{default:s(()=>[d]),_:1}),a(l,{style:{margin:"5px"},size:"large"},{default:s(()=>[p]),_:1})])}const{defineComponent:y}=k,{ref:C}=k;return{render:g,...y({setup(E,{expose:b}){b();const l={ref:C};return Object.defineProperty(l,"__isScriptSetup",{enumerable:!1,value:!0}),l}})}}()}},L=JSON.parse('{"title":"Button \u6309\u94AE","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u57FA\u672C\u7528\u6CD5","slug":"\u57FA\u672C\u7528\u6CD5"},{"level":2,"title":"\u72B6\u6001","slug":"\u72B6\u6001"},{"level":2,"title":"\u5C3A\u5BF8","slug":"\u5C3A\u5BF8"},{"level":2,"title":"\u7C7B\u578B","slug":"\u7C7B\u578B"},{"level":2,"title":"\u5C5E\u6027","slug":"\u5C5E\u6027"},{"level":2,"title":"\u4E8B\u4EF6","slug":"\u4E8B\u4EF6"},{"level":2,"title":"\u63D2\u69FD","slug":"\u63D2\u69FD"}],"relativePath":"components/button/index.md"}');const z=t("h1",{id:"button-\u6309\u94AE",tabindex:"-1"},[n("Button \u6309\u94AE "),t("a",{class:"header-anchor",href:"#button-\u6309\u94AE","aria-hidden":"true"},"#")],-1),j=t("p",null,"Button \u7EC4\u4EF6\u4E3A\u4E0D\u540C\u4F7F\u7528\u573A\u666F\u63D0\u4F9B\u4E86\u591A\u79CD\u5C55\u793A\u6837\u5F0F\u3002",-1),P=t("h2",{id:"\u57FA\u672C\u7528\u6CD5",tabindex:"-1"},[n("\u57FA\u672C\u7528\u6CD5 "),t("a",{class:"header-anchor",href:"#\u57FA\u672C\u7528\u6CD5","aria-hidden":"true"},"#")],-1),O=t("div",{class:"language-vue"},[t("pre",null,[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),n(),t("span",{class:"token attr-name"},"setup"),n(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(`
|
||||
`),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" ref "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(`
|
||||
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),t("span",{class:"token punctuation"},">")]),n(" \u4E3B\u8981\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":button-type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("danger'"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u5371\u9669\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":button-type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("success'"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u6210\u529F\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":button-type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("warning'"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u8B66\u544A\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":button-type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("secondary'"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u4FE1\u606F\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":button-type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("link'"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u6587\u672C\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`)])])],-1),$=t("h2",{id:"\u72B6\u6001",tabindex:"-1"},[n("\u72B6\u6001 "),t("a",{class:"header-anchor",href:"#\u72B6\u6001","aria-hidden":"true"},"#")],-1),I=t("div",{class:"language-vue"},[t("pre",null,[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),n(),t("span",{class:"token attr-name"},"setup"),n(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(`
|
||||
`),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" ref "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(`
|
||||
`),t("span",{class:"token keyword"},"const"),n(" disable "),t("span",{class:"token operator"},"="),n(),t("span",{class:"token function"},"ref"),t("span",{class:"token punctuation"},"("),t("span",{class:"token boolean"},"true"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
|
||||
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),n(),t("span",{class:"token attr-name"},"class"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("my-2 d-flex"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),n(),t("span",{class:"token attr-name"},"class"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("f-demo-label"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n("\u7981\u7528\u6309\u94AE:"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-switch")]),n(),t("span",{class:"token attr-name"},"v-model"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("disable"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-switch")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":disable"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("disable"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u4E3B\u8981\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":button-type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("danger'"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":disable"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("disable"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u5371\u9669\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":button-type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("success'"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":disable"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("disable"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u6210\u529F\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":button-type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("warning'"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":disable"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("disable"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u8B66\u544A\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":button-type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("secondary'"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":disable"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("disable"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u4FE1\u606F\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":button-type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("link'"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":disable"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("disable"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u6587\u672C\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("style")]),n(),t("span",{class:"token attr-name"},"scoped"),t("span",{class:"token punctuation"},">")]),t("span",{class:"token style"},[t("span",{class:"token language-css"},[n(`
|
||||
`),t("span",{class:"token selector"},".f-demo-label"),n(),t("span",{class:"token punctuation"},"{"),n(`
|
||||
`),t("span",{class:"token property"},"line-height"),t("span",{class:"token punctuation"},":"),n(" 1.4rem"),t("span",{class:"token punctuation"},";"),n(`
|
||||
`),t("span",{class:"token property"},"margin-right"),t("span",{class:"token punctuation"},":"),n(" 8px"),t("span",{class:"token punctuation"},";"),n(`
|
||||
`),t("span",{class:"token punctuation"},"}"),n(`
|
||||
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("style")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`)])])],-1),J=t("h2",{id:"\u5C3A\u5BF8",tabindex:"-1"},[n("\u5C3A\u5BF8 "),t("a",{class:"header-anchor",href:"#\u5C3A\u5BF8","aria-hidden":"true"},"#")],-1),U=t("div",{class:"language-vue"},[t("pre",null,[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),n(),t("span",{class:"token attr-name"},"setup"),n(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(`
|
||||
`),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" ref "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(`
|
||||
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":size"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("small'"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u5C0F\u5C3A\u5BF8 "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":size"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("large'"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u5927\u5C3A\u5BF8 "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`)])])],-1),G=N(`<h2 id="\u7C7B\u578B" tabindex="-1">\u7C7B\u578B <a class="header-anchor" href="#\u7C7B\u578B" aria-hidden="true">#</a></h2><div class="language-typescript"><button class="copy"></button><span class="lang">typescript</span><pre><code><span class="line"><span style="color:#C792EA;">type</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">ButtonType</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">primary</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">warning</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">danger</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">success</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">link</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">secondary</span><span style="color:#89DDFF;">'</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#C792EA;">type</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">SizeType</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">small</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">large</span><span style="color:#89DDFF;">'</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"></span></code></pre></div><h2 id="\u5C5E\u6027" tabindex="-1">\u5C5E\u6027 <a class="header-anchor" href="#\u5C5E\u6027" aria-hidden="true">#</a></h2><table><thead><tr><th style="text-align:left;">\u5C5E\u6027\u540D</th><th style="text-align:left;">\u7C7B\u578B</th><th style="text-align:left;">\u9ED8\u8BA4\u503C</th><th style="text-align:left;">\u8BF4\u660E</th></tr></thead><tbody><tr><td style="text-align:left;">id</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u6807\u8BB0\u7EC4\u4EF6\u7684\u552F\u4E00\u6807\u8BC6</td></tr><tr><td style="text-align:left;">buttonType</td><td style="text-align:left;"><code>string as ButtonType</code></td><td style="text-align:left;">'primary'</td><td style="text-align:left;">\u6309\u94AE\u663E\u793A\u6837\u5F0F</td></tr><tr><td style="text-align:left;">disable</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">\u5C06\u6309\u94AE\u8BBE\u7F6E\u4E3A\u7981\u7528\u72B6\u6001</td></tr><tr><td style="text-align:left;">size</td><td style="text-align:left;"><code>string as SizeType</code></td><td style="text-align:left;">'small'</td><td style="text-align:left;">\u6309\u94AE\u5C3A\u5BF8</td></tr></tbody></table><h2 id="\u4E8B\u4EF6" tabindex="-1">\u4E8B\u4EF6 <a class="header-anchor" href="#\u4E8B\u4EF6" aria-hidden="true">#</a></h2><table><thead><tr><th style="text-align:left;">\u4E8B\u4EF6\u540D</th><th style="text-align:left;">\u7C7B\u578B</th><th style="text-align:left;">\u8BF4\u660E</th></tr></thead><tbody><tr><td style="text-align:left;">click</td><td style="text-align:left;"><code>EventEmitter<any></code></td><td style="text-align:left;">\u70B9\u51FB\u6309\u94AE\u4E8B\u4EF6</td></tr></tbody></table><h2 id="\u63D2\u69FD" tabindex="-1">\u63D2\u69FD <a class="header-anchor" href="#\u63D2\u69FD" aria-hidden="true">#</a></h2><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>\u6682\u65E0\u5185\u5BB9</p></div>`,8);function H(e,r,s,a,o,m){const d=v("render-demo-0"),p=v("demo"),g=v("render-demo-1"),y=v("render-demo-2");return T(),V("div",null,[z,j,P,f(p,{sourceCode:`<script setup lang="ts">
|
||||
import { ref } from 'vue';
|
||||
<\/script>
|
||||
<template>
|
||||
<f-button style="margin: 5px;"> \u4E3B\u8981\u6309\u94AE </f-button>
|
||||
<f-button style="margin: 5px;" :button-type="'danger'"> \u5371\u9669\u6309\u94AE </f-button>
|
||||
<f-button style="margin: 5px;" :button-type="'success'"> \u6210\u529F\u6309\u94AE </f-button>
|
||||
<f-button style="margin: 5px;" :button-type="'warning'"> \u8B66\u544A\u6309\u94AE </f-button>
|
||||
<f-button style="margin: 5px;" :button-type="'secondary'"> \u4FE1\u606F\u6309\u94AE </f-button>
|
||||
<f-button style="margin: 5px;" :button-type="'link'"> \u6587\u672C\u6309\u94AE </f-button>
|
||||
</template>
|
||||
`},{highlight:_(()=>[O]),default:_(()=>[f(d)]),_:1}),$,f(p,{sourceCode:`<script setup lang="ts">
|
||||
import { ref } from 'vue';
|
||||
const disable = ref(true);
|
||||
<\/script>
|
||||
<template>
|
||||
<div class="my-2 d-flex">
|
||||
<div class="f-demo-label">\u7981\u7528\u6309\u94AE:</div>
|
||||
<f-switch v-model="disable"></f-switch>
|
||||
</div>
|
||||
<div>
|
||||
<f-button style="margin: 5px;" :disable="disable"> \u4E3B\u8981\u6309\u94AE </f-button>
|
||||
<f-button style="margin: 5px;" :button-type="'danger'" :disable="disable"> \u5371\u9669\u6309\u94AE </f-button>
|
||||
<f-button style="margin: 5px;" :button-type="'success'" :disable="disable"> \u6210\u529F\u6309\u94AE </f-button>
|
||||
<f-button style="margin: 5px;" :button-type="'warning'" :disable="disable"> \u8B66\u544A\u6309\u94AE </f-button>
|
||||
<f-button style="margin: 5px;" :button-type="'secondary'" :disable="disable"> \u4FE1\u606F\u6309\u94AE </f-button>
|
||||
<f-button style="margin: 5px;" :button-type="'link'" :disable="disable"> \u6587\u672C\u6309\u94AE </f-button>
|
||||
</div>
|
||||
</template>
|
||||
<style scoped>
|
||||
.f-demo-label {
|
||||
line-height: 1.4rem;
|
||||
margin-right: 8px;
|
||||
}
|
||||
</style>
|
||||
`},{highlight:_(()=>[I]),default:_(()=>[f(g)]),_:1}),J,f(p,{sourceCode:`<script setup lang="ts">
|
||||
import { ref } from 'vue';
|
||||
<\/script>
|
||||
<template>
|
||||
<f-button style="margin: 5px;" :size="'small'"> \u5C0F\u5C3A\u5BF8 </f-button>
|
||||
<f-button style="margin: 5px;" :size="'large'"> \u5927\u5C3A\u5BF8 </f-button>
|
||||
</template>
|
||||
`},{highlight:_(()=>[U]),default:_(()=>[f(y)]),_:1}),G])}const M=w(S,[["render",H]]);export{L as __pageData,M as default};
|
87
packages/ui-vue/docs/.vitepress/dist/assets/components_button_index.md.c13a54c3.lean.js
vendored
Normal file
87
packages/ui-vue/docs/.vitepress/dist/assets/components_button_index.md.c13a54c3.lean.js
vendored
Normal file
|
@ -0,0 +1,87 @@
|
|||
import{V as k,_ as w,c as V,a as f,w as _,b as t,d as n,e as N,r as v,o as T}from"./app.4bbb5a44.js";const S={name:"component-doc",components:{"render-demo-0":function(){const{createTextVNode:e,resolveComponent:r,withCtx:s,createVNode:a,openBlock:o,createElementBlock:m}=k,d=e(" \u4E3B\u8981\u6309\u94AE "),p=e(" \u5371\u9669\u6309\u94AE "),g=e(" \u6210\u529F\u6309\u94AE "),y=e(" \u8B66\u544A\u6309\u94AE "),C=e(" \u4FE1\u606F\u6309\u94AE "),h=e(" \u6587\u672C\u6309\u94AE ");function E(x,F){const u=r("f-button");return o(),m("div",null,[a(u,{style:{margin:"5px"}},{default:s(()=>[d]),_:1}),a(u,{style:{margin:"5px"},"button-type":"danger"},{default:s(()=>[p]),_:1}),a(u,{style:{margin:"5px"},"button-type":"success"},{default:s(()=>[g]),_:1}),a(u,{style:{margin:"5px"},"button-type":"warning"},{default:s(()=>[y]),_:1}),a(u,{style:{margin:"5px"},"button-type":"secondary"},{default:s(()=>[C]),_:1}),a(u,{style:{margin:"5px"},"button-type":"link"},{default:s(()=>[h]),_:1})])}const{defineComponent:b}=k,{ref:l}=k;return{render:E,...b({setup(x,{expose:F}){F();const u={ref:l};return Object.defineProperty(u,"__isScriptSetup",{enumerable:!1,value:!0}),u}})}}(),"render-demo-1":function(){const{createElementVNode:e,resolveComponent:r,createVNode:s,createTextVNode:a,withCtx:o,openBlock:m,createElementBlock:d}=k,p={class:"my-2 d-flex"},g=e("div",{class:"f-demo-label"},"\u7981\u7528\u6309\u94AE:",-1),y=a(" \u4E3B\u8981\u6309\u94AE "),C=a(" \u5371\u9669\u6309\u94AE "),h=a(" \u6210\u529F\u6309\u94AE "),E=a(" \u8B66\u544A\u6309\u94AE "),b=a(" \u4FE1\u606F\u6309\u94AE "),l=a(" \u6587\u672C\u6309\u94AE ");function D(c,A){const B=r("f-switch"),i=r("f-button");return m(),d("div",null,[e("div",p,[g,s(B,{modelValue:c.disable,"onUpdate:modelValue":A[0]||(A[0]=q=>c.disable=q)},null,8,["modelValue"])]),e("div",null,[s(i,{style:{margin:"5px"},disable:c.disable},{default:o(()=>[y]),_:1},8,["disable"]),s(i,{style:{margin:"5px"},"button-type":"danger",disable:c.disable},{default:o(()=>[C]),_:1},8,["disable"]),s(i,{style:{margin:"5px"},"button-type":"success",disable:c.disable},{default:o(()=>[h]),_:1},8,["disable"]),s(i,{style:{margin:"5px"},"button-type":"warning",disable:c.disable},{default:o(()=>[E]),_:1},8,["disable"]),s(i,{style:{margin:"5px"},"button-type":"secondary",disable:c.disable},{default:o(()=>[b]),_:1},8,["disable"]),s(i,{style:{margin:"5px"},"button-type":"link",disable:c.disable},{default:o(()=>[l]),_:1},8,["disable"])])])}const{defineComponent:x}=k,{ref:F}=k;return{render:D,...x({setup(c,{expose:A}){A();const i={disable:F(!0),ref:F};return Object.defineProperty(i,"__isScriptSetup",{enumerable:!1,value:!0}),i}})}}(),"render-demo-2":function(){const{createTextVNode:e,resolveComponent:r,withCtx:s,createVNode:a,openBlock:o,createElementBlock:m}=k,d=e(" \u5C0F\u5C3A\u5BF8 "),p=e(" \u5927\u5C3A\u5BF8 ");function g(E,b){const l=r("f-button");return o(),m("div",null,[a(l,{style:{margin:"5px"},size:"small"},{default:s(()=>[d]),_:1}),a(l,{style:{margin:"5px"},size:"large"},{default:s(()=>[p]),_:1})])}const{defineComponent:y}=k,{ref:C}=k;return{render:g,...y({setup(E,{expose:b}){b();const l={ref:C};return Object.defineProperty(l,"__isScriptSetup",{enumerable:!1,value:!0}),l}})}}()}},L=JSON.parse('{"title":"Button \u6309\u94AE","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u57FA\u672C\u7528\u6CD5","slug":"\u57FA\u672C\u7528\u6CD5"},{"level":2,"title":"\u72B6\u6001","slug":"\u72B6\u6001"},{"level":2,"title":"\u5C3A\u5BF8","slug":"\u5C3A\u5BF8"},{"level":2,"title":"\u7C7B\u578B","slug":"\u7C7B\u578B"},{"level":2,"title":"\u5C5E\u6027","slug":"\u5C5E\u6027"},{"level":2,"title":"\u4E8B\u4EF6","slug":"\u4E8B\u4EF6"},{"level":2,"title":"\u63D2\u69FD","slug":"\u63D2\u69FD"}],"relativePath":"components/button/index.md"}');const z=t("h1",{id:"button-\u6309\u94AE",tabindex:"-1"},[n("Button \u6309\u94AE "),t("a",{class:"header-anchor",href:"#button-\u6309\u94AE","aria-hidden":"true"},"#")],-1),j=t("p",null,"Button \u7EC4\u4EF6\u4E3A\u4E0D\u540C\u4F7F\u7528\u573A\u666F\u63D0\u4F9B\u4E86\u591A\u79CD\u5C55\u793A\u6837\u5F0F\u3002",-1),P=t("h2",{id:"\u57FA\u672C\u7528\u6CD5",tabindex:"-1"},[n("\u57FA\u672C\u7528\u6CD5 "),t("a",{class:"header-anchor",href:"#\u57FA\u672C\u7528\u6CD5","aria-hidden":"true"},"#")],-1),O=t("div",{class:"language-vue"},[t("pre",null,[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),n(),t("span",{class:"token attr-name"},"setup"),n(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(`
|
||||
`),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" ref "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(`
|
||||
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),t("span",{class:"token punctuation"},">")]),n(" \u4E3B\u8981\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":button-type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("danger'"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u5371\u9669\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":button-type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("success'"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u6210\u529F\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":button-type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("warning'"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u8B66\u544A\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":button-type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("secondary'"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u4FE1\u606F\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":button-type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("link'"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u6587\u672C\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`)])])],-1),$=t("h2",{id:"\u72B6\u6001",tabindex:"-1"},[n("\u72B6\u6001 "),t("a",{class:"header-anchor",href:"#\u72B6\u6001","aria-hidden":"true"},"#")],-1),I=t("div",{class:"language-vue"},[t("pre",null,[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),n(),t("span",{class:"token attr-name"},"setup"),n(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(`
|
||||
`),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" ref "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(`
|
||||
`),t("span",{class:"token keyword"},"const"),n(" disable "),t("span",{class:"token operator"},"="),n(),t("span",{class:"token function"},"ref"),t("span",{class:"token punctuation"},"("),t("span",{class:"token boolean"},"true"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
|
||||
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),n(),t("span",{class:"token attr-name"},"class"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("my-2 d-flex"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),n(),t("span",{class:"token attr-name"},"class"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("f-demo-label"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n("\u7981\u7528\u6309\u94AE:"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-switch")]),n(),t("span",{class:"token attr-name"},"v-model"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("disable"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-switch")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":disable"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("disable"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u4E3B\u8981\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":button-type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("danger'"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":disable"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("disable"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u5371\u9669\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":button-type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("success'"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":disable"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("disable"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u6210\u529F\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":button-type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("warning'"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":disable"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("disable"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u8B66\u544A\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":button-type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("secondary'"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":disable"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("disable"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u4FE1\u606F\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":button-type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("link'"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":disable"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("disable"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u6587\u672C\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("style")]),n(),t("span",{class:"token attr-name"},"scoped"),t("span",{class:"token punctuation"},">")]),t("span",{class:"token style"},[t("span",{class:"token language-css"},[n(`
|
||||
`),t("span",{class:"token selector"},".f-demo-label"),n(),t("span",{class:"token punctuation"},"{"),n(`
|
||||
`),t("span",{class:"token property"},"line-height"),t("span",{class:"token punctuation"},":"),n(" 1.4rem"),t("span",{class:"token punctuation"},";"),n(`
|
||||
`),t("span",{class:"token property"},"margin-right"),t("span",{class:"token punctuation"},":"),n(" 8px"),t("span",{class:"token punctuation"},";"),n(`
|
||||
`),t("span",{class:"token punctuation"},"}"),n(`
|
||||
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("style")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`)])])],-1),J=t("h2",{id:"\u5C3A\u5BF8",tabindex:"-1"},[n("\u5C3A\u5BF8 "),t("a",{class:"header-anchor",href:"#\u5C3A\u5BF8","aria-hidden":"true"},"#")],-1),U=t("div",{class:"language-vue"},[t("pre",null,[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),n(),t("span",{class:"token attr-name"},"setup"),n(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(`
|
||||
`),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" ref "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(`
|
||||
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":size"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("small'"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u5C0F\u5C3A\u5BF8 "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":size"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("large'"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u5927\u5C3A\u5BF8 "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
|
||||
`)])])],-1),G=N(`<h2 id="\u7C7B\u578B" tabindex="-1">\u7C7B\u578B <a class="header-anchor" href="#\u7C7B\u578B" aria-hidden="true">#</a></h2><div class="language-typescript"><button class="copy"></button><span class="lang">typescript</span><pre><code><span class="line"><span style="color:#C792EA;">type</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">ButtonType</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">primary</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">warning</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">danger</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">success</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">link</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">secondary</span><span style="color:#89DDFF;">'</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#C792EA;">type</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">SizeType</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">small</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">large</span><span style="color:#89DDFF;">'</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"></span></code></pre></div><h2 id="\u5C5E\u6027" tabindex="-1">\u5C5E\u6027 <a class="header-anchor" href="#\u5C5E\u6027" aria-hidden="true">#</a></h2><table><thead><tr><th style="text-align:left;">\u5C5E\u6027\u540D</th><th style="text-align:left;">\u7C7B\u578B</th><th style="text-align:left;">\u9ED8\u8BA4\u503C</th><th style="text-align:left;">\u8BF4\u660E</th></tr></thead><tbody><tr><td style="text-align:left;">id</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u6807\u8BB0\u7EC4\u4EF6\u7684\u552F\u4E00\u6807\u8BC6</td></tr><tr><td style="text-align:left;">buttonType</td><td style="text-align:left;"><code>string as ButtonType</code></td><td style="text-align:left;">'primary'</td><td style="text-align:left;">\u6309\u94AE\u663E\u793A\u6837\u5F0F</td></tr><tr><td style="text-align:left;">disable</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">\u5C06\u6309\u94AE\u8BBE\u7F6E\u4E3A\u7981\u7528\u72B6\u6001</td></tr><tr><td style="text-align:left;">size</td><td style="text-align:left;"><code>string as SizeType</code></td><td style="text-align:left;">'small'</td><td style="text-align:left;">\u6309\u94AE\u5C3A\u5BF8</td></tr></tbody></table><h2 id="\u4E8B\u4EF6" tabindex="-1">\u4E8B\u4EF6 <a class="header-anchor" href="#\u4E8B\u4EF6" aria-hidden="true">#</a></h2><table><thead><tr><th style="text-align:left;">\u4E8B\u4EF6\u540D</th><th style="text-align:left;">\u7C7B\u578B</th><th style="text-align:left;">\u8BF4\u660E</th></tr></thead><tbody><tr><td style="text-align:left;">click</td><td style="text-align:left;"><code>EventEmitter<any></code></td><td style="text-align:left;">\u70B9\u51FB\u6309\u94AE\u4E8B\u4EF6</td></tr></tbody></table><h2 id="\u63D2\u69FD" tabindex="-1">\u63D2\u69FD <a class="header-anchor" href="#\u63D2\u69FD" aria-hidden="true">#</a></h2><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>\u6682\u65E0\u5185\u5BB9</p></div>`,8);function H(e,r,s,a,o,m){const d=v("render-demo-0"),p=v("demo"),g=v("render-demo-1"),y=v("render-demo-2");return T(),V("div",null,[z,j,P,f(p,{sourceCode:`<script setup lang="ts">
|
||||
import { ref } from 'vue';
|
||||
<\/script>
|
||||
<template>
|
||||
<f-button style="margin: 5px;"> \u4E3B\u8981\u6309\u94AE </f-button>
|
||||
<f-button style="margin: 5px;" :button-type="'danger'"> \u5371\u9669\u6309\u94AE </f-button>
|
||||
<f-button style="margin: 5px;" :button-type="'success'"> \u6210\u529F\u6309\u94AE </f-button>
|
||||
<f-button style="margin: 5px;" :button-type="'warning'"> \u8B66\u544A\u6309\u94AE </f-button>
|
||||
<f-button style="margin: 5px;" :button-type="'secondary'"> \u4FE1\u606F\u6309\u94AE </f-button>
|
||||
<f-button style="margin: 5px;" :button-type="'link'"> \u6587\u672C\u6309\u94AE </f-button>
|
||||
</template>
|
||||
`},{highlight:_(()=>[O]),default:_(()=>[f(d)]),_:1}),$,f(p,{sourceCode:`<script setup lang="ts">
|
||||
import { ref } from 'vue';
|
||||
const disable = ref(true);
|
||||
<\/script>
|
||||
<template>
|
||||
<div class="my-2 d-flex">
|
||||
<div class="f-demo-label">\u7981\u7528\u6309\u94AE:</div>
|
||||
<f-switch v-model="disable"></f-switch>
|
||||
</div>
|
||||
<div>
|
||||
<f-button style="margin: 5px;" :disable="disable"> \u4E3B\u8981\u6309\u94AE </f-button>
|
||||
<f-button style="margin: 5px;" :button-type="'danger'" :disable="disable"> \u5371\u9669\u6309\u94AE </f-button>
|
||||
<f-button style="margin: 5px;" :button-type="'success'" :disable="disable"> \u6210\u529F\u6309\u94AE </f-button>
|
||||
<f-button style="margin: 5px;" :button-type="'warning'" :disable="disable"> \u8B66\u544A\u6309\u94AE </f-button>
|
||||
<f-button style="margin: 5px;" :button-type="'secondary'" :disable="disable"> \u4FE1\u606F\u6309\u94AE </f-button>
|
||||
<f-button style="margin: 5px;" :button-type="'link'" :disable="disable"> \u6587\u672C\u6309\u94AE </f-button>
|
||||
</div>
|
||||
</template>
|
||||
<style scoped>
|
||||
.f-demo-label {
|
||||
line-height: 1.4rem;
|
||||
margin-right: 8px;
|
||||
}
|
||||
</style>
|
||||
`},{highlight:_(()=>[I]),default:_(()=>[f(g)]),_:1}),J,f(p,{sourceCode:`<script setup lang="ts">
|
||||
import { ref } from 'vue';
|
||||
<\/script>
|
||||
<template>
|
||||
<f-button style="margin: 5px;" :size="'small'"> \u5C0F\u5C3A\u5BF8 </f-button>
|
||||
<f-button style="margin: 5px;" :size="'large'"> \u5927\u5C3A\u5BF8 </f-button>
|
||||
</template>
|
||||
`},{highlight:_(()=>[U]),default:_(()=>[f(y)]),_:1}),G])}const M=w(S,[["render",H]]);export{L as __pageData,M as default};
|
File diff suppressed because one or more lines are too long
|
@ -5,7 +5,7 @@
|
|||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<title>Accordion 手风琴 | Farris Vue</title>
|
||||
<meta name="description" content="基于 Farris Design 的前端组件库">
|
||||
<link rel="stylesheet" href="/farris-vue/assets/style.63da0cd8.css">
|
||||
<link rel="stylesheet" href="/farris-vue/assets/style.7ebf1e72.css">
|
||||
<link rel="modulepreload" href="/farris-vue/assets/app.4bbb5a44.js">
|
||||
<link rel="modulepreload" href="/farris-vue/assets/components_accordion_index.md.d05d92ed.lean.js">
|
||||
|
||||
|
@ -23,7 +23,7 @@
|
|||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>f-accordion</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>template</span><span class="token punctuation">></span></span>
|
||||
</code></pre></div><!--]--></div></div><div class="demo-block-control" data-v-b80d3312><i class="control-icon icon-caret-down" data-v-b80d3312></i><span style="display:none;" class="control-text" data-v-b80d3312>显示代码</span><div class="control-button-wrap" data-v-b80d3312><span style="display:none;" class="control-button copy-button" data-v-b80d3312>复制代码片段</span></div></div></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-hidden="true">#</a></h2><table><thead><tr><th style="text-align:left;">属性名</th><th style="text-align:left;">类型</th><th style="text-align:left;">默认值</th><th style="text-align:left;">说明</th></tr></thead><tbody><tr><td style="text-align:left;">customClass</td><td style="text-align:left;"><code>string[]</code></td><td style="text-align:left;">[]</td><td style="text-align:left;">组件自定义样式</td></tr><tr><td style="text-align:left;">enableFold</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">true</td><td style="text-align:left;">是否允许收折</td></tr><tr><td style="text-align:left;">expanded</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">是否展开所有面板</td></tr><tr><td style="text-align:left;">height</td><td style="text-align:left;"><code>number</code></td><td style="text-align:left;">--</td><td style="text-align:left;">设置组件的高度</td></tr><tr><td style="text-align:left;">width</td><td style="text-align:left;"><code>number</code></td><td style="text-align:left;">--</td><td style="text-align:left;">设置组件的宽度</td></tr></tbody></table><h2 id="插槽" tabindex="-1">插槽 <a class="header-anchor" href="#插槽" aria-hidden="true">#</a></h2><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>暂无内容</p></div></div></div></main><!--[--><!--]--><footer class="VPDocFooter" data-v-e80bcd4c data-v-9a0639f9><!----><div class="prev-next" data-v-9a0639f9><div class="pager" data-v-9a0639f9><a class="pager-link prev" href="/farris-vue/components/icon/" data-v-9a0639f9><span class="desc" data-v-9a0639f9>Previous page</span><span class="title" data-v-9a0639f9>Icon 图标</span></a></div><div class="has-prev pager" data-v-9a0639f9><a class="pager-link next" href="/farris-vue/components/section/" data-v-9a0639f9><span class="desc" data-v-9a0639f9>Next page</span><span class="title" data-v-9a0639f9>section 面板</span></a></div></div></footer><!--[--><!--]--></div></div></div></div></div><footer class="VPFooter has-sidebar" data-v-031d94a9 data-v-f6cbb54f><div class="container" data-v-f6cbb54f><p class="message" data-v-f6cbb54f>使用 Apache-2.0 开源许可协议</p><p class="copyright" data-v-f6cbb54f>Copyright © 2022</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"components_accordion_index.md\":\"d05d92ed\",\"components_avatar_index.md\":\"1ff77364\",\"components_button-edit_index.md\":\"70f7138f\",\"components_button_index.md\":\"8b6944db\",\"components_combo-list_index.md\":\"249015b9\",\"components_icon_index.md\":\"8d689e21\",\"components_index.md\":\"55c36612\",\"components_notify_index.md\":\"eadb4c17\",\"components_popover_index.md\":\"1a6808c4\",\"components_radio-group_index.md\":\"1dbb5916\",\"components_section_index.md\":\"c1bd396b\",\"components_switch_index.md\":\"bac64a27\",\"components_tabs_index.md\":\"85d4e2b2\",\"components_text_index.md\":\"5e9143ab\",\"components_tooltip_index.md\":\"6f406b7a\",\"guide_quick-start_index.md\":\"7d7fd0b7\",\"index.md\":\"ec733caf\"}")</script>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"components_accordion_index.md\":\"d05d92ed\",\"components_avatar_index.md\":\"1ff77364\",\"components_button-edit_index.md\":\"5ce810e1\",\"components_button_index.md\":\"c13a54c3\",\"components_combo-list_index.md\":\"249015b9\",\"components_icon_index.md\":\"8d689e21\",\"components_index.md\":\"55c36612\",\"components_notify_index.md\":\"eadb4c17\",\"components_popover_index.md\":\"1a6808c4\",\"components_radio-group_index.md\":\"1dbb5916\",\"components_section_index.md\":\"c1bd396b\",\"components_switch_index.md\":\"bac64a27\",\"components_tabs_index.md\":\"85d4e2b2\",\"components_text_index.md\":\"5e9143ab\",\"components_tooltip_index.md\":\"6f406b7a\",\"guide_quick-start_index.md\":\"7d7fd0b7\",\"index.md\":\"ec733caf\"}")</script>
|
||||
<script type="module" async src="/farris-vue/assets/app.4bbb5a44.js"></script>
|
||||
|
||||
</body>
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<title>Avatar 头像 | Farris Vue</title>
|
||||
<meta name="description" content="基于 Farris Design 的前端组件库">
|
||||
<link rel="stylesheet" href="/farris-vue/assets/style.63da0cd8.css">
|
||||
<link rel="stylesheet" href="/farris-vue/assets/style.7ebf1e72.css">
|
||||
<link rel="modulepreload" href="/farris-vue/assets/app.4bbb5a44.js">
|
||||
<link rel="modulepreload" href="/farris-vue/assets/components_avatar_index.md.1ff77364.lean.js">
|
||||
|
||||
|
@ -20,7 +20,7 @@
|
|||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>f-avatar</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>f-avatar</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>template</span><span class="token punctuation">></span></span>
|
||||
</code></pre></div><!--]--></div></div><div class="demo-block-control" data-v-b80d3312><i class="control-icon icon-caret-down" data-v-b80d3312></i><span style="display:none;" class="control-text" data-v-b80d3312>显示代码</span><div class="control-button-wrap" data-v-b80d3312><span style="display:none;" class="control-button copy-button" data-v-b80d3312>复制代码片段</span></div></div></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-hidden="true">#</a></h2><table><thead><tr><th style="text-align:left;">属性名</th><th style="text-align:left;">类型</th><th style="text-align:left;">默认值</th><th style="text-align:left;">说明</th></tr></thead><tbody><tr><td style="text-align:left;">id</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">组件标识</td></tr></tbody></table><h2 id="插槽" tabindex="-1">插槽 <a class="header-anchor" href="#插槽" aria-hidden="true">#</a></h2><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>暂无内容</p></div></div></div></main><!--[--><!--]--><footer class="VPDocFooter" data-v-e80bcd4c data-v-9a0639f9><!----><div class="prev-next" data-v-9a0639f9><div class="pager" data-v-9a0639f9><a class="pager-link prev" href="/farris-vue/components/switch/" data-v-9a0639f9><span class="desc" data-v-9a0639f9>Previous page</span><span class="title" data-v-9a0639f9>Swtich 开关</span></a></div><div class="has-prev pager" data-v-9a0639f9><a class="pager-link next" href="/farris-vue/components/tooltip/" data-v-9a0639f9><span class="desc" data-v-9a0639f9>Next page</span><span class="title" data-v-9a0639f9>tooltip 提示信息</span></a></div></div></footer><!--[--><!--]--></div></div></div></div></div><footer class="VPFooter has-sidebar" data-v-031d94a9 data-v-f6cbb54f><div class="container" data-v-f6cbb54f><p class="message" data-v-f6cbb54f>使用 Apache-2.0 开源许可协议</p><p class="copyright" data-v-f6cbb54f>Copyright © 2022</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"components_accordion_index.md\":\"d05d92ed\",\"components_avatar_index.md\":\"1ff77364\",\"components_button-edit_index.md\":\"70f7138f\",\"components_button_index.md\":\"8b6944db\",\"components_combo-list_index.md\":\"249015b9\",\"components_icon_index.md\":\"8d689e21\",\"components_index.md\":\"55c36612\",\"components_notify_index.md\":\"eadb4c17\",\"components_popover_index.md\":\"1a6808c4\",\"components_radio-group_index.md\":\"1dbb5916\",\"components_section_index.md\":\"c1bd396b\",\"components_switch_index.md\":\"bac64a27\",\"components_tabs_index.md\":\"85d4e2b2\",\"components_text_index.md\":\"5e9143ab\",\"components_tooltip_index.md\":\"6f406b7a\",\"guide_quick-start_index.md\":\"7d7fd0b7\",\"index.md\":\"ec733caf\"}")</script>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"components_accordion_index.md\":\"d05d92ed\",\"components_avatar_index.md\":\"1ff77364\",\"components_button-edit_index.md\":\"5ce810e1\",\"components_button_index.md\":\"c13a54c3\",\"components_combo-list_index.md\":\"249015b9\",\"components_icon_index.md\":\"8d689e21\",\"components_index.md\":\"55c36612\",\"components_notify_index.md\":\"eadb4c17\",\"components_popover_index.md\":\"1a6808c4\",\"components_radio-group_index.md\":\"1dbb5916\",\"components_section_index.md\":\"c1bd396b\",\"components_switch_index.md\":\"bac64a27\",\"components_tabs_index.md\":\"85d4e2b2\",\"components_text_index.md\":\"5e9143ab\",\"components_tooltip_index.md\":\"6f406b7a\",\"guide_quick-start_index.md\":\"7d7fd0b7\",\"index.md\":\"ec733caf\"}")</script>
|
||||
<script type="module" async src="/farris-vue/assets/app.4bbb5a44.js"></script>
|
||||
|
||||
</body>
|
||||
|
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -5,7 +5,7 @@
|
|||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<title>Combo List 选择输入框 | Farris Vue</title>
|
||||
<meta name="description" content="基于 Farris Design 的前端组件库">
|
||||
<link rel="stylesheet" href="/farris-vue/assets/style.63da0cd8.css">
|
||||
<link rel="stylesheet" href="/farris-vue/assets/style.7ebf1e72.css">
|
||||
<link rel="modulepreload" href="/farris-vue/assets/app.4bbb5a44.js">
|
||||
<link rel="modulepreload" href="/farris-vue/assets/components_combo-list_index.md.249015b9.lean.js">
|
||||
|
||||
|
@ -20,7 +20,7 @@
|
|||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>f-combo-list</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>f-combo-list</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>template</span><span class="token punctuation">></span></span>
|
||||
</code></pre></div><!--]--></div></div><div class="demo-block-control" data-v-b80d3312><i class="control-icon icon-caret-down" data-v-b80d3312></i><span style="display:none;" class="control-text" data-v-b80d3312>显示代码</span><div class="control-button-wrap" data-v-b80d3312><span style="display:none;" class="control-button copy-button" data-v-b80d3312>复制代码片段</span></div></div></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-hidden="true">#</a></h2><table><thead><tr><th style="text-align:left;">属性名</th><th style="text-align:left;">类型</th><th style="text-align:left;">默认值</th><th style="text-align:left;">说明</th></tr></thead><tbody><tr><td style="text-align:left;">id</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">组件标识</td></tr></tbody></table><h2 id="插槽" tabindex="-1">插槽 <a class="header-anchor" href="#插槽" aria-hidden="true">#</a></h2><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>暂无内容</p></div></div></div></main><!--[--><!--]--><footer class="VPDocFooter" data-v-e80bcd4c data-v-9a0639f9><!----><div class="prev-next" data-v-9a0639f9><div class="pager" data-v-9a0639f9><a class="pager-link prev" href="/farris-vue/components/text/" data-v-9a0639f9><span class="desc" data-v-9a0639f9>Previous page</span><span class="title" data-v-9a0639f9>Text 静态文本</span></a></div><div class="has-prev pager" data-v-9a0639f9><a class="pager-link next" href="/farris-vue/components/switch/" data-v-9a0639f9><span class="desc" data-v-9a0639f9>Next page</span><span class="title" data-v-9a0639f9>Swtich 开关</span></a></div></div></footer><!--[--><!--]--></div></div></div></div></div><footer class="VPFooter has-sidebar" data-v-031d94a9 data-v-f6cbb54f><div class="container" data-v-f6cbb54f><p class="message" data-v-f6cbb54f>使用 Apache-2.0 开源许可协议</p><p class="copyright" data-v-f6cbb54f>Copyright © 2022</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"components_accordion_index.md\":\"d05d92ed\",\"components_avatar_index.md\":\"1ff77364\",\"components_button-edit_index.md\":\"70f7138f\",\"components_button_index.md\":\"8b6944db\",\"components_combo-list_index.md\":\"249015b9\",\"components_icon_index.md\":\"8d689e21\",\"components_index.md\":\"55c36612\",\"components_notify_index.md\":\"eadb4c17\",\"components_popover_index.md\":\"1a6808c4\",\"components_radio-group_index.md\":\"1dbb5916\",\"components_section_index.md\":\"c1bd396b\",\"components_switch_index.md\":\"bac64a27\",\"components_tabs_index.md\":\"85d4e2b2\",\"components_text_index.md\":\"5e9143ab\",\"components_tooltip_index.md\":\"6f406b7a\",\"guide_quick-start_index.md\":\"7d7fd0b7\",\"index.md\":\"ec733caf\"}")</script>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"components_accordion_index.md\":\"d05d92ed\",\"components_avatar_index.md\":\"1ff77364\",\"components_button-edit_index.md\":\"5ce810e1\",\"components_button_index.md\":\"c13a54c3\",\"components_combo-list_index.md\":\"249015b9\",\"components_icon_index.md\":\"8d689e21\",\"components_index.md\":\"55c36612\",\"components_notify_index.md\":\"eadb4c17\",\"components_popover_index.md\":\"1a6808c4\",\"components_radio-group_index.md\":\"1dbb5916\",\"components_section_index.md\":\"c1bd396b\",\"components_switch_index.md\":\"bac64a27\",\"components_tabs_index.md\":\"85d4e2b2\",\"components_text_index.md\":\"5e9143ab\",\"components_tooltip_index.md\":\"6f406b7a\",\"guide_quick-start_index.md\":\"7d7fd0b7\",\"index.md\":\"ec733caf\"}")</script>
|
||||
<script type="module" async src="/farris-vue/assets/app.4bbb5a44.js"></script>
|
||||
|
||||
</body>
|
||||
|
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -5,7 +5,7 @@
|
|||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<title>Notify 通知消息 | Farris Vue</title>
|
||||
<meta name="description" content="基于 Farris Design 的前端组件库">
|
||||
<link rel="stylesheet" href="/farris-vue/assets/style.63da0cd8.css">
|
||||
<link rel="stylesheet" href="/farris-vue/assets/style.7ebf1e72.css">
|
||||
<link rel="modulepreload" href="/farris-vue/assets/app.4bbb5a44.js">
|
||||
<link rel="modulepreload" href="/farris-vue/assets/components_notify_index.md.eadb4c17.lean.js">
|
||||
|
||||
|
@ -40,7 +40,7 @@
|
|||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>button</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>btn btn-primary<span class="token punctuation">"</span></span> <span class="token attr-name">@click</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>showMessage<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>show notify<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>button</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>template</span><span class="token punctuation">></span></span>
|
||||
</code></pre></div><!--]--></div></div><div class="demo-block-control" data-v-b80d3312><i class="control-icon icon-caret-down" data-v-b80d3312></i><span style="display:none;" class="control-text" data-v-b80d3312>显示代码</span><div class="control-button-wrap" data-v-b80d3312><span style="display:none;" class="control-button copy-button" data-v-b80d3312>复制代码片段</span></div></div></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-hidden="true">#</a></h2><table><thead><tr><th style="text-align:left;">属性名</th><th style="text-align:left;">类型</th><th style="text-align:left;">默认值</th><th style="text-align:left;">说明</th></tr></thead><tbody><tr><td style="text-align:left;">id</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">组件标识</td></tr></tbody></table><h2 id="插槽" tabindex="-1">插槽 <a class="header-anchor" href="#插槽" aria-hidden="true">#</a></h2><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>暂无内容</p></div></div></div></main><!--[--><!--]--><footer class="VPDocFooter" data-v-e80bcd4c data-v-9a0639f9><!----><div class="prev-next" data-v-9a0639f9><div class="pager" data-v-9a0639f9><a class="pager-link prev" href="/farris-vue/components/tooltip/" data-v-9a0639f9><span class="desc" data-v-9a0639f9>Previous page</span><span class="title" data-v-9a0639f9>tooltip 提示信息</span></a></div><div class="has-prev pager" data-v-9a0639f9><a class="pager-link next" href="/farris-vue/components/popover/" data-v-9a0639f9><span class="desc" data-v-9a0639f9>Next page</span><span class="title" data-v-9a0639f9>popover 气泡提示</span></a></div></div></footer><!--[--><!--]--></div></div></div></div></div><footer class="VPFooter has-sidebar" data-v-031d94a9 data-v-f6cbb54f><div class="container" data-v-f6cbb54f><p class="message" data-v-f6cbb54f>使用 Apache-2.0 开源许可协议</p><p class="copyright" data-v-f6cbb54f>Copyright © 2022</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"components_accordion_index.md\":\"d05d92ed\",\"components_avatar_index.md\":\"1ff77364\",\"components_button-edit_index.md\":\"70f7138f\",\"components_button_index.md\":\"8b6944db\",\"components_combo-list_index.md\":\"249015b9\",\"components_icon_index.md\":\"8d689e21\",\"components_index.md\":\"55c36612\",\"components_notify_index.md\":\"eadb4c17\",\"components_popover_index.md\":\"1a6808c4\",\"components_radio-group_index.md\":\"1dbb5916\",\"components_section_index.md\":\"c1bd396b\",\"components_switch_index.md\":\"bac64a27\",\"components_tabs_index.md\":\"85d4e2b2\",\"components_text_index.md\":\"5e9143ab\",\"components_tooltip_index.md\":\"6f406b7a\",\"guide_quick-start_index.md\":\"7d7fd0b7\",\"index.md\":\"ec733caf\"}")</script>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"components_accordion_index.md\":\"d05d92ed\",\"components_avatar_index.md\":\"1ff77364\",\"components_button-edit_index.md\":\"5ce810e1\",\"components_button_index.md\":\"c13a54c3\",\"components_combo-list_index.md\":\"249015b9\",\"components_icon_index.md\":\"8d689e21\",\"components_index.md\":\"55c36612\",\"components_notify_index.md\":\"eadb4c17\",\"components_popover_index.md\":\"1a6808c4\",\"components_radio-group_index.md\":\"1dbb5916\",\"components_section_index.md\":\"c1bd396b\",\"components_switch_index.md\":\"bac64a27\",\"components_tabs_index.md\":\"85d4e2b2\",\"components_text_index.md\":\"5e9143ab\",\"components_tooltip_index.md\":\"6f406b7a\",\"guide_quick-start_index.md\":\"7d7fd0b7\",\"index.md\":\"ec733caf\"}")</script>
|
||||
<script type="module" async src="/farris-vue/assets/app.4bbb5a44.js"></script>
|
||||
|
||||
</body>
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -5,7 +5,7 @@
|
|||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<title>Radio Group 单选组 | Farris Vue</title>
|
||||
<meta name="description" content="基于 Farris Design 的前端组件库">
|
||||
<link rel="stylesheet" href="/farris-vue/assets/style.63da0cd8.css">
|
||||
<link rel="stylesheet" href="/farris-vue/assets/style.7ebf1e72.css">
|
||||
<link rel="modulepreload" href="/farris-vue/assets/app.4bbb5a44.js">
|
||||
<link rel="modulepreload" href="/farris-vue/assets/components_radio-group_index.md.1dbb5916.lean.js">
|
||||
|
||||
|
@ -95,7 +95,7 @@
|
|||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">onClickRadio</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">(</span><span style="color:#A6ACCD;">item</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">Radio</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> </span><span style="color:#A6ACCD;">$event</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">Event</span><span style="color:#89DDFF;">)</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">=></span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">void</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">}</span></span>
|
||||
<span class="line"></span></code></pre></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-hidden="true">#</a></h2><table><thead><tr><th style="text-align:left;">属性名</th><th style="text-align:left;">类型</th><th style="text-align:left;">默认值</th><th style="text-align:left;">说明</th></tr></thead><tbody><tr><td style="text-align:left;">id</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">组件标识</td></tr><tr><td style="text-align:left;">name</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">组件名称</td></tr><tr><td style="text-align:left;">enumData</td><td style="text-align:left;"><code>object[] as Radio[]</code></td><td style="text-align:left;">[]</td><td style="text-align:left;">单选组数据源</td></tr><tr><td style="text-align:left;">textField</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">'name'</td><td style="text-align:left;">显示文本字段</td></tr><tr><td style="text-align:left;">valueField</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">'value'</td><td style="text-align:left;">值字段</td></tr><tr><td style="text-align:left;">horizontal</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">是否横向显示枚举项</td></tr><tr><td style="text-align:left;">disabled</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">是否禁用组件</td></tr><tr><td style="text-align:left;">tabIndex</td><td style="text-align:left;"><code>number</code></td><td style="text-align:left;">--</td><td style="text-align:left;">Tab 键索引</td></tr></tbody></table><h2 id="插槽" tabindex="-1">插槽 <a class="header-anchor" href="#插槽" aria-hidden="true">#</a></h2><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>暂无内容</p></div></div></div></main><!--[--><!--]--><footer class="VPDocFooter" data-v-e80bcd4c data-v-9a0639f9><!----><div class="prev-next" data-v-9a0639f9><div class="pager" data-v-9a0639f9><a class="pager-link prev" href="/farris-vue/components/button-edit/" data-v-9a0639f9><span class="desc" data-v-9a0639f9>Previous page</span><span class="title" data-v-9a0639f9>Button Edit 按钮输入框</span></a></div><div class="has-prev pager" data-v-9a0639f9><a class="pager-link next" href="/farris-vue/components/text/" data-v-9a0639f9><span class="desc" data-v-9a0639f9>Next page</span><span class="title" data-v-9a0639f9>Text 静态文本</span></a></div></div></footer><!--[--><!--]--></div></div></div></div></div><footer class="VPFooter has-sidebar" data-v-031d94a9 data-v-f6cbb54f><div class="container" data-v-f6cbb54f><p class="message" data-v-f6cbb54f>使用 Apache-2.0 开源许可协议</p><p class="copyright" data-v-f6cbb54f>Copyright © 2022</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"components_accordion_index.md\":\"d05d92ed\",\"components_avatar_index.md\":\"1ff77364\",\"components_button-edit_index.md\":\"70f7138f\",\"components_button_index.md\":\"8b6944db\",\"components_combo-list_index.md\":\"249015b9\",\"components_icon_index.md\":\"8d689e21\",\"components_index.md\":\"55c36612\",\"components_notify_index.md\":\"eadb4c17\",\"components_popover_index.md\":\"1a6808c4\",\"components_radio-group_index.md\":\"1dbb5916\",\"components_section_index.md\":\"c1bd396b\",\"components_switch_index.md\":\"bac64a27\",\"components_tabs_index.md\":\"85d4e2b2\",\"components_text_index.md\":\"5e9143ab\",\"components_tooltip_index.md\":\"6f406b7a\",\"guide_quick-start_index.md\":\"7d7fd0b7\",\"index.md\":\"ec733caf\"}")</script>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"components_accordion_index.md\":\"d05d92ed\",\"components_avatar_index.md\":\"1ff77364\",\"components_button-edit_index.md\":\"5ce810e1\",\"components_button_index.md\":\"c13a54c3\",\"components_combo-list_index.md\":\"249015b9\",\"components_icon_index.md\":\"8d689e21\",\"components_index.md\":\"55c36612\",\"components_notify_index.md\":\"eadb4c17\",\"components_popover_index.md\":\"1a6808c4\",\"components_radio-group_index.md\":\"1dbb5916\",\"components_section_index.md\":\"c1bd396b\",\"components_switch_index.md\":\"bac64a27\",\"components_tabs_index.md\":\"85d4e2b2\",\"components_text_index.md\":\"5e9143ab\",\"components_tooltip_index.md\":\"6f406b7a\",\"guide_quick-start_index.md\":\"7d7fd0b7\",\"index.md\":\"ec733caf\"}")</script>
|
||||
<script type="module" async src="/farris-vue/assets/app.4bbb5a44.js"></script>
|
||||
|
||||
</body>
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<title>Section 面板 | Farris Vue</title>
|
||||
<meta name="description" content="基于 Farris Design 的前端组件库">
|
||||
<link rel="stylesheet" href="/farris-vue/assets/style.63da0cd8.css">
|
||||
<link rel="stylesheet" href="/farris-vue/assets/style.7ebf1e72.css">
|
||||
<link rel="modulepreload" href="/farris-vue/assets/app.4bbb5a44.js">
|
||||
<link rel="modulepreload" href="/farris-vue/assets/components_section_index.md.c1bd396b.lean.js">
|
||||
|
||||
|
@ -39,7 +39,7 @@
|
|||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">contents</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">ButtonConfig</span><span style="color:#A6ACCD;">[]</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">}</span></span>
|
||||
<span class="line"></span></code></pre></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-hidden="true">#</a></h2><table><thead><tr><th style="text-align:left;">属性名</th><th style="text-align:left;">类型</th><th style="text-align:left;">默认值</th><th style="text-align:left;">说明</th></tr></thead><tbody><tr><td style="text-align:left;">customClass</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">组件自定义样式</td></tr><tr><td style="text-align:left;">maxStatus</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">组件最大化状态</td></tr><tr><td style="text-align:left;">enableCollapse</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">true</td><td style="text-align:left;">是否允许收折</td></tr><tr><td style="text-align:left;">mainTitle</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">面板标题</td></tr><tr><td style="text-align:left;">subTitle</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">面板副标题</td></tr><tr><td style="text-align:left;">showHeader</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">true</td><td style="text-align:left;">是否显示标题面板</td></tr><tr><td style="text-align:left;">enableMaximize</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">是否显示最大化按钮</td></tr><tr><td style="text-align:left;">fill</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">是否允许填充显示</td></tr><tr><td style="text-align:left;">expandStatus</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">true</td><td style="text-align:left;">组件展开状态</td></tr><tr><td style="text-align:left;">context</td><td style="text-align:left;"><code>object</code></td><td style="text-align:left;">--</td><td style="text-align:left;">组件上下文</td></tr><tr><td style="text-align:left;">index</td><td style="text-align:left;"><code>number</code></td><td style="text-align:left;">--</td><td style="text-align:left;">索引号</td></tr><tr><td style="text-align:left;">toolbarPosition</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">工具栏位置</td></tr><tr><td style="text-align:left;">toolbarButtons</td><td style="text-align:left;"><code>object[]</code></td><td style="text-align:left;">[]</td><td style="text-align:left;">工具栏按钮</td></tr><tr><td style="text-align:left;">toolbar</td><td style="text-align:left;"><code>object as ToolbarConfig</code></td><td style="text-align:left;">{}</td><td style="text-align:left;">工具栏配置对象</td></tr><tr><td style="text-align:left;">showToolbarMoreButton</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">true</td><td style="text-align:left;">是否显示工具栏的更多按钮</td></tr><tr><td style="text-align:left;">clickThrottleTime</td><td style="text-align:left;"><code>number</code></td><td style="text-align:left;">350</td><td style="text-align:left;">鼠标重复点击按钮触发事件的阈值</td></tr><tr><td style="text-align:left;">headerClass</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">''</td><td style="text-align:left;">标题面板自定义样式</td></tr></tbody></table><h2 id="插槽" tabindex="-1">插槽 <a class="header-anchor" href="#插槽" aria-hidden="true">#</a></h2><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>暂无内容</p></div></div></div></main><!--[--><!--]--><footer class="VPDocFooter" data-v-e80bcd4c data-v-9a0639f9><!----><div class="prev-next" data-v-9a0639f9><div class="pager" data-v-9a0639f9><a class="pager-link prev" href="/farris-vue/components/accordion/" data-v-9a0639f9><span class="desc" data-v-9a0639f9>Previous page</span><span class="title" data-v-9a0639f9>Accordion 手风琴</span></a></div><div class="has-prev pager" data-v-9a0639f9><a class="pager-link next" href="/farris-vue/components/tabs/" data-v-9a0639f9><span class="desc" data-v-9a0639f9>Next page</span><span class="title" data-v-9a0639f9>tabs 标签页</span></a></div></div></footer><!--[--><!--]--></div></div></div></div></div><footer class="VPFooter has-sidebar" data-v-031d94a9 data-v-f6cbb54f><div class="container" data-v-f6cbb54f><p class="message" data-v-f6cbb54f>使用 Apache-2.0 开源许可协议</p><p class="copyright" data-v-f6cbb54f>Copyright © 2022</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"components_accordion_index.md\":\"d05d92ed\",\"components_avatar_index.md\":\"1ff77364\",\"components_button-edit_index.md\":\"70f7138f\",\"components_button_index.md\":\"8b6944db\",\"components_combo-list_index.md\":\"249015b9\",\"components_icon_index.md\":\"8d689e21\",\"components_index.md\":\"55c36612\",\"components_notify_index.md\":\"eadb4c17\",\"components_popover_index.md\":\"1a6808c4\",\"components_radio-group_index.md\":\"1dbb5916\",\"components_section_index.md\":\"c1bd396b\",\"components_switch_index.md\":\"bac64a27\",\"components_tabs_index.md\":\"85d4e2b2\",\"components_text_index.md\":\"5e9143ab\",\"components_tooltip_index.md\":\"6f406b7a\",\"guide_quick-start_index.md\":\"7d7fd0b7\",\"index.md\":\"ec733caf\"}")</script>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"components_accordion_index.md\":\"d05d92ed\",\"components_avatar_index.md\":\"1ff77364\",\"components_button-edit_index.md\":\"5ce810e1\",\"components_button_index.md\":\"c13a54c3\",\"components_combo-list_index.md\":\"249015b9\",\"components_icon_index.md\":\"8d689e21\",\"components_index.md\":\"55c36612\",\"components_notify_index.md\":\"eadb4c17\",\"components_popover_index.md\":\"1a6808c4\",\"components_radio-group_index.md\":\"1dbb5916\",\"components_section_index.md\":\"c1bd396b\",\"components_switch_index.md\":\"bac64a27\",\"components_tabs_index.md\":\"85d4e2b2\",\"components_text_index.md\":\"5e9143ab\",\"components_tooltip_index.md\":\"6f406b7a\",\"guide_quick-start_index.md\":\"7d7fd0b7\",\"index.md\":\"ec733caf\"}")</script>
|
||||
<script type="module" async src="/farris-vue/assets/app.4bbb5a44.js"></script>
|
||||
|
||||
</body>
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<title>Switch 开关 | Farris Vue</title>
|
||||
<meta name="description" content="基于 Farris Design 的前端组件库">
|
||||
<link rel="stylesheet" href="/farris-vue/assets/style.63da0cd8.css">
|
||||
<link rel="stylesheet" href="/farris-vue/assets/style.7ebf1e72.css">
|
||||
<link rel="modulepreload" href="/farris-vue/assets/app.4bbb5a44.js">
|
||||
<link rel="modulepreload" href="/farris-vue/assets/components_switch_index.md.bac64a27.lean.js">
|
||||
|
||||
|
@ -21,7 +21,7 @@
|
|||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>f-switch</span> <span class="token attr-name">v-model</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>status<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>f-switch</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>template</span><span class="token punctuation">></span></span>
|
||||
</code></pre></div><!--]--></div></div><div class="demo-block-control" data-v-b80d3312><i class="control-icon icon-caret-down" data-v-b80d3312></i><span style="display:none;" class="control-text" data-v-b80d3312>显示代码</span><div class="control-button-wrap" data-v-b80d3312><span style="display:none;" class="control-button copy-button" data-v-b80d3312>复制代码片段</span></div></div></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-hidden="true">#</a></h2><table><thead><tr><th style="text-align:left;">属性名</th><th style="text-align:left;">类型</th><th style="text-align:left;">默认值</th><th style="text-align:left;">说明</th></tr></thead><tbody><tr><td style="text-align:left;">id</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">组件标识</td></tr></tbody></table><h2 id="插槽" tabindex="-1">插槽 <a class="header-anchor" href="#插槽" aria-hidden="true">#</a></h2><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>暂无内容</p></div></div></div></main><!--[--><!--]--><footer class="VPDocFooter" data-v-e80bcd4c data-v-9a0639f9><!----><div class="prev-next" data-v-9a0639f9><div class="pager" data-v-9a0639f9><a class="pager-link prev" href="/farris-vue/components/combo-list/" data-v-9a0639f9><span class="desc" data-v-9a0639f9>Previous page</span><span class="title" data-v-9a0639f9>Combo List 选择输入框</span></a></div><div class="has-prev pager" data-v-9a0639f9><a class="pager-link next" href="/farris-vue/components/avatar/" data-v-9a0639f9><span class="desc" data-v-9a0639f9>Next page</span><span class="title" data-v-9a0639f9>Avatar 头像</span></a></div></div></footer><!--[--><!--]--></div></div></div></div></div><footer class="VPFooter has-sidebar" data-v-031d94a9 data-v-f6cbb54f><div class="container" data-v-f6cbb54f><p class="message" data-v-f6cbb54f>使用 Apache-2.0 开源许可协议</p><p class="copyright" data-v-f6cbb54f>Copyright © 2022</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"components_accordion_index.md\":\"d05d92ed\",\"components_avatar_index.md\":\"1ff77364\",\"components_button-edit_index.md\":\"70f7138f\",\"components_button_index.md\":\"8b6944db\",\"components_combo-list_index.md\":\"249015b9\",\"components_icon_index.md\":\"8d689e21\",\"components_index.md\":\"55c36612\",\"components_notify_index.md\":\"eadb4c17\",\"components_popover_index.md\":\"1a6808c4\",\"components_radio-group_index.md\":\"1dbb5916\",\"components_section_index.md\":\"c1bd396b\",\"components_switch_index.md\":\"bac64a27\",\"components_tabs_index.md\":\"85d4e2b2\",\"components_text_index.md\":\"5e9143ab\",\"components_tooltip_index.md\":\"6f406b7a\",\"guide_quick-start_index.md\":\"7d7fd0b7\",\"index.md\":\"ec733caf\"}")</script>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"components_accordion_index.md\":\"d05d92ed\",\"components_avatar_index.md\":\"1ff77364\",\"components_button-edit_index.md\":\"5ce810e1\",\"components_button_index.md\":\"c13a54c3\",\"components_combo-list_index.md\":\"249015b9\",\"components_icon_index.md\":\"8d689e21\",\"components_index.md\":\"55c36612\",\"components_notify_index.md\":\"eadb4c17\",\"components_popover_index.md\":\"1a6808c4\",\"components_radio-group_index.md\":\"1dbb5916\",\"components_section_index.md\":\"c1bd396b\",\"components_switch_index.md\":\"bac64a27\",\"components_tabs_index.md\":\"85d4e2b2\",\"components_text_index.md\":\"5e9143ab\",\"components_tooltip_index.md\":\"6f406b7a\",\"guide_quick-start_index.md\":\"7d7fd0b7\",\"index.md\":\"ec733caf\"}")</script>
|
||||
<script type="module" async src="/farris-vue/assets/app.4bbb5a44.js"></script>
|
||||
|
||||
</body>
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<title>Tabs 标签页 | Farris Vue</title>
|
||||
<meta name="description" content="基于 Farris Design 的前端组件库">
|
||||
<link rel="stylesheet" href="/farris-vue/assets/style.63da0cd8.css">
|
||||
<link rel="stylesheet" href="/farris-vue/assets/style.7ebf1e72.css">
|
||||
<link rel="modulepreload" href="/farris-vue/assets/app.4bbb5a44.js">
|
||||
<link rel="modulepreload" href="/farris-vue/assets/components_tabs_index.md.85d4e2b2.lean.js">
|
||||
|
||||
|
@ -56,7 +56,7 @@
|
|||
</code></pre></div><!--]--></div></div><div class="demo-block-control" data-v-b80d3312><i class="control-icon icon-caret-down" data-v-b80d3312></i><span style="display:none;" class="control-text" data-v-b80d3312>显示代码</span><div class="control-button-wrap" data-v-b80d3312><span style="display:none;" class="control-button copy-button" data-v-b80d3312>复制代码片段</span></div></div></div><h2 id="类型" tabindex="-1">类型 <a class="header-anchor" href="#类型" aria-hidden="true">#</a></h2><div class="language-typescript"><button class="copy"></button><span class="lang">typescript</span><pre><code><span class="line"><span style="color:#89DDFF;">export</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">type</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">TabType</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">fill</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">pills</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">default</span><span style="color:#89DDFF;">'</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">export</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">type</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">TabPosition</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">left</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">right</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">top</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">bottom</span><span style="color:#89DDFF;">'</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"></span></code></pre></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-hidden="true">#</a></h2><table><thead><tr><th style="text-align:left;">属性名</th><th style="text-align:left;">类型</th><th style="text-align:left;">默认值</th><th style="text-align:left;">说明</th></tr></thead><tbody><tr><td style="text-align:left;">tabType</td><td style="text-align:left;"><code>string as TabType</code></td><td style="text-align:left;">'default'</td><td style="text-align:left;">标签页显示样式</td></tr><tr><td style="text-align:left;">autoTitleWidth</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">是否自动调整标题宽度</td></tr><tr><td style="text-align:left;">titleLength</td><td style="text-align:left;"><code>number</code></td><td style="text-align:left;">7</td><td style="text-align:left;">标题宽度</td></tr><tr><td style="text-align:left;">position</td><td style="text-align:left;"><code>string as TabPosition</code></td><td style="text-align:left;">'top'</td><td style="text-align:left;">显示页签的位置</td></tr><tr><td style="text-align:left;">showDropDwon</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">是否显示页签导航下拉按钮</td></tr><tr><td style="text-align:left;">showTooltips</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">是否显示标题提示信息</td></tr><tr><td style="text-align:left;">scrollStep</td><td style="text-align:left;"><code>number</code></td><td style="text-align:left;">1</td><td style="text-align:left;">滚动鼠标切换页签的步长</td></tr><tr><td style="text-align:left;">autoResize</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">是否允许自动调整页签高度</td></tr><tr><td style="text-align:left;">selectedTab</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">指定选中的页签</td></tr><tr><td style="text-align:left;">width</td><td style="text-align:left;"><code>number</code></td><td style="text-align:left;">--</td><td style="text-align:left;">组件宽度</td></tr><tr><td style="text-align:left;">height</td><td style="text-align:left;"><code>number</code></td><td style="text-align:left;">--</td><td style="text-align:left;">组件高度</td></tr><tr><td style="text-align:left;">searchBoxVisible</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">是否显示页签搜索框</td></tr><tr><td style="text-align:left;">titleWidth</td><td style="text-align:left;"><code>number</code></td><td style="text-align:left;">--</td><td style="text-align:left;">标题宽度</td></tr><tr><td style="text-align:left;">customClass</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">标签自定义样式</td></tr><tr><td style="text-align:left;">activeId</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">被激活的页签标识</td></tr></tbody></table><h2 id="插槽" tabindex="-1">插槽 <a class="header-anchor" href="#插槽" aria-hidden="true">#</a></h2><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>暂无内容</p></div></div></div></main><!--[--><!--]--><footer class="VPDocFooter" data-v-e80bcd4c data-v-9a0639f9><!----><div class="prev-next" data-v-9a0639f9><div class="pager" data-v-9a0639f9><a class="pager-link prev" href="/farris-vue/components/section/" data-v-9a0639f9><span class="desc" data-v-9a0639f9>Previous page</span><span class="title" data-v-9a0639f9>section 面板</span></a></div><div class="has-prev pager" data-v-9a0639f9><a class="pager-link next" href="/farris-vue/components/button-edit/" data-v-9a0639f9><span class="desc" data-v-9a0639f9>Next page</span><span class="title" data-v-9a0639f9>Button Edit 按钮输入框</span></a></div></div></footer><!--[--><!--]--></div></div></div></div></div><footer class="VPFooter has-sidebar" data-v-031d94a9 data-v-f6cbb54f><div class="container" data-v-f6cbb54f><p class="message" data-v-f6cbb54f>使用 Apache-2.0 开源许可协议</p><p class="copyright" data-v-f6cbb54f>Copyright © 2022</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"components_accordion_index.md\":\"d05d92ed\",\"components_avatar_index.md\":\"1ff77364\",\"components_button-edit_index.md\":\"70f7138f\",\"components_button_index.md\":\"8b6944db\",\"components_combo-list_index.md\":\"249015b9\",\"components_icon_index.md\":\"8d689e21\",\"components_index.md\":\"55c36612\",\"components_notify_index.md\":\"eadb4c17\",\"components_popover_index.md\":\"1a6808c4\",\"components_radio-group_index.md\":\"1dbb5916\",\"components_section_index.md\":\"c1bd396b\",\"components_switch_index.md\":\"bac64a27\",\"components_tabs_index.md\":\"85d4e2b2\",\"components_text_index.md\":\"5e9143ab\",\"components_tooltip_index.md\":\"6f406b7a\",\"guide_quick-start_index.md\":\"7d7fd0b7\",\"index.md\":\"ec733caf\"}")</script>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"components_accordion_index.md\":\"d05d92ed\",\"components_avatar_index.md\":\"1ff77364\",\"components_button-edit_index.md\":\"5ce810e1\",\"components_button_index.md\":\"c13a54c3\",\"components_combo-list_index.md\":\"249015b9\",\"components_icon_index.md\":\"8d689e21\",\"components_index.md\":\"55c36612\",\"components_notify_index.md\":\"eadb4c17\",\"components_popover_index.md\":\"1a6808c4\",\"components_radio-group_index.md\":\"1dbb5916\",\"components_section_index.md\":\"c1bd396b\",\"components_switch_index.md\":\"bac64a27\",\"components_tabs_index.md\":\"85d4e2b2\",\"components_text_index.md\":\"5e9143ab\",\"components_tooltip_index.md\":\"6f406b7a\",\"guide_quick-start_index.md\":\"7d7fd0b7\",\"index.md\":\"ec733caf\"}")</script>
|
||||
<script type="module" async src="/farris-vue/assets/app.4bbb5a44.js"></script>
|
||||
|
||||
</body>
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<title>Text 静态文本 | Farris Vue</title>
|
||||
<meta name="description" content="基于 Farris Design 的前端组件库">
|
||||
<link rel="stylesheet" href="/farris-vue/assets/style.63da0cd8.css">
|
||||
<link rel="stylesheet" href="/farris-vue/assets/style.7ebf1e72.css">
|
||||
<link rel="modulepreload" href="/farris-vue/assets/app.4bbb5a44.js">
|
||||
<link rel="modulepreload" href="/farris-vue/assets/components_text_index.md.5e9143ab.lean.js">
|
||||
|
||||
|
@ -21,7 +21,7 @@
|
|||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>f-text</span> <span class="token attr-name">v-model</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>f-text</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>template</span><span class="token punctuation">></span></span>
|
||||
</code></pre></div><!--]--></div></div><div class="demo-block-control" data-v-b80d3312><i class="control-icon icon-caret-down" data-v-b80d3312></i><span style="display:none;" class="control-text" data-v-b80d3312>显示代码</span><div class="control-button-wrap" data-v-b80d3312><span style="display:none;" class="control-button copy-button" data-v-b80d3312>复制代码片段</span></div></div></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-hidden="true">#</a></h2><table><thead><tr><th style="text-align:left;">属性名</th><th style="text-align:left;">类型</th><th style="text-align:left;">默认值</th><th style="text-align:left;">说明</th></tr></thead><tbody><tr><td style="text-align:left;">id</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">组件标识</td></tr></tbody></table><h2 id="插槽" tabindex="-1">插槽 <a class="header-anchor" href="#插槽" aria-hidden="true">#</a></h2><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>暂无内容</p></div></div></div></main><!--[--><!--]--><footer class="VPDocFooter" data-v-e80bcd4c data-v-9a0639f9><!----><div class="prev-next" data-v-9a0639f9><div class="pager" data-v-9a0639f9><a class="pager-link prev" href="/farris-vue/components/radio-group/" data-v-9a0639f9><span class="desc" data-v-9a0639f9>Previous page</span><span class="title" data-v-9a0639f9>Radio Group 单选组</span></a></div><div class="has-prev pager" data-v-9a0639f9><a class="pager-link next" href="/farris-vue/components/combo-list/" data-v-9a0639f9><span class="desc" data-v-9a0639f9>Next page</span><span class="title" data-v-9a0639f9>Combo List 选择输入框</span></a></div></div></footer><!--[--><!--]--></div></div></div></div></div><footer class="VPFooter has-sidebar" data-v-031d94a9 data-v-f6cbb54f><div class="container" data-v-f6cbb54f><p class="message" data-v-f6cbb54f>使用 Apache-2.0 开源许可协议</p><p class="copyright" data-v-f6cbb54f>Copyright © 2022</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"components_accordion_index.md\":\"d05d92ed\",\"components_avatar_index.md\":\"1ff77364\",\"components_button-edit_index.md\":\"70f7138f\",\"components_button_index.md\":\"8b6944db\",\"components_combo-list_index.md\":\"249015b9\",\"components_icon_index.md\":\"8d689e21\",\"components_index.md\":\"55c36612\",\"components_notify_index.md\":\"eadb4c17\",\"components_popover_index.md\":\"1a6808c4\",\"components_radio-group_index.md\":\"1dbb5916\",\"components_section_index.md\":\"c1bd396b\",\"components_switch_index.md\":\"bac64a27\",\"components_tabs_index.md\":\"85d4e2b2\",\"components_text_index.md\":\"5e9143ab\",\"components_tooltip_index.md\":\"6f406b7a\",\"guide_quick-start_index.md\":\"7d7fd0b7\",\"index.md\":\"ec733caf\"}")</script>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"components_accordion_index.md\":\"d05d92ed\",\"components_avatar_index.md\":\"1ff77364\",\"components_button-edit_index.md\":\"5ce810e1\",\"components_button_index.md\":\"c13a54c3\",\"components_combo-list_index.md\":\"249015b9\",\"components_icon_index.md\":\"8d689e21\",\"components_index.md\":\"55c36612\",\"components_notify_index.md\":\"eadb4c17\",\"components_popover_index.md\":\"1a6808c4\",\"components_radio-group_index.md\":\"1dbb5916\",\"components_section_index.md\":\"c1bd396b\",\"components_switch_index.md\":\"bac64a27\",\"components_tabs_index.md\":\"85d4e2b2\",\"components_text_index.md\":\"5e9143ab\",\"components_tooltip_index.md\":\"6f406b7a\",\"guide_quick-start_index.md\":\"7d7fd0b7\",\"index.md\":\"ec733caf\"}")</script>
|
||||
<script type="module" async src="/farris-vue/assets/app.4bbb5a44.js"></script>
|
||||
|
||||
</body>
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -5,7 +5,7 @@
|
|||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<title>快速开始 | Farris Vue</title>
|
||||
<meta name="description" content="基于 Farris Design 的前端组件库">
|
||||
<link rel="stylesheet" href="/farris-vue/assets/style.63da0cd8.css">
|
||||
<link rel="stylesheet" href="/farris-vue/assets/style.7ebf1e72.css">
|
||||
<link rel="modulepreload" href="/farris-vue/assets/app.4bbb5a44.js">
|
||||
<link rel="modulepreload" href="/farris-vue/assets/guide_quick-start_index.md.7d7fd0b7.lean.js">
|
||||
|
||||
|
@ -24,7 +24,7 @@
|
|||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;"><</span><span style="color:#F07178;">f-input-group</span><span style="color:#89DDFF;">></</span><span style="color:#F07178;">f-input-group</span><span style="color:#89DDFF;">></span></span>
|
||||
<span class="line"><span style="color:#89DDFF;"></</span><span style="color:#F07178;">template</span><span style="color:#89DDFF;">></span></span>
|
||||
<span class="line"></span></code></pre></div></div></div></main><!--[--><!--]--><footer class="VPDocFooter" data-v-e80bcd4c data-v-9a0639f9><!----><div class="prev-next" data-v-9a0639f9><div class="pager" data-v-9a0639f9><!----></div><div class="pager" data-v-9a0639f9><a class="pager-link next" href="/farris-vue/components/button/" data-v-9a0639f9><span class="desc" data-v-9a0639f9>Next page</span><span class="title" data-v-9a0639f9>Button 按钮</span></a></div></div></footer><!--[--><!--]--></div></div></div></div></div><footer class="VPFooter has-sidebar" data-v-031d94a9 data-v-f6cbb54f><div class="container" data-v-f6cbb54f><p class="message" data-v-f6cbb54f>使用 Apache-2.0 开源许可协议</p><p class="copyright" data-v-f6cbb54f>Copyright © 2022</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"components_accordion_index.md\":\"d05d92ed\",\"components_avatar_index.md\":\"1ff77364\",\"components_button-edit_index.md\":\"70f7138f\",\"components_button_index.md\":\"8b6944db\",\"components_combo-list_index.md\":\"249015b9\",\"components_icon_index.md\":\"8d689e21\",\"components_index.md\":\"55c36612\",\"components_notify_index.md\":\"eadb4c17\",\"components_popover_index.md\":\"1a6808c4\",\"components_radio-group_index.md\":\"1dbb5916\",\"components_section_index.md\":\"c1bd396b\",\"components_switch_index.md\":\"bac64a27\",\"components_tabs_index.md\":\"85d4e2b2\",\"components_text_index.md\":\"5e9143ab\",\"components_tooltip_index.md\":\"6f406b7a\",\"guide_quick-start_index.md\":\"7d7fd0b7\",\"index.md\":\"ec733caf\"}")</script>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"components_accordion_index.md\":\"d05d92ed\",\"components_avatar_index.md\":\"1ff77364\",\"components_button-edit_index.md\":\"5ce810e1\",\"components_button_index.md\":\"c13a54c3\",\"components_combo-list_index.md\":\"249015b9\",\"components_icon_index.md\":\"8d689e21\",\"components_index.md\":\"55c36612\",\"components_notify_index.md\":\"eadb4c17\",\"components_popover_index.md\":\"1a6808c4\",\"components_radio-group_index.md\":\"1dbb5916\",\"components_section_index.md\":\"c1bd396b\",\"components_switch_index.md\":\"bac64a27\",\"components_tabs_index.md\":\"85d4e2b2\",\"components_text_index.md\":\"5e9143ab\",\"components_tooltip_index.md\":\"6f406b7a\",\"guide_quick-start_index.md\":\"7d7fd0b7\",\"index.md\":\"ec733caf\"}")</script>
|
||||
<script type="module" async src="/farris-vue/assets/app.4bbb5a44.js"></script>
|
||||
|
||||
</body>
|
||||
|
|
|
@ -1 +1 @@
|
|||
{"components_accordion_index.md":"d05d92ed","components_avatar_index.md":"1ff77364","components_button-edit_index.md":"70f7138f","components_button_index.md":"8b6944db","components_combo-list_index.md":"249015b9","components_icon_index.md":"8d689e21","components_index.md":"55c36612","components_notify_index.md":"eadb4c17","components_popover_index.md":"1a6808c4","components_radio-group_index.md":"1dbb5916","components_section_index.md":"c1bd396b","components_switch_index.md":"bac64a27","components_tabs_index.md":"85d4e2b2","components_text_index.md":"5e9143ab","components_tooltip_index.md":"6f406b7a","guide_quick-start_index.md":"7d7fd0b7","index.md":"ec733caf"}
|
||||
{"components_accordion_index.md":"d05d92ed","components_avatar_index.md":"1ff77364","components_button-edit_index.md":"5ce810e1","components_button_index.md":"c13a54c3","components_combo-list_index.md":"249015b9","components_icon_index.md":"8d689e21","components_index.md":"55c36612","components_notify_index.md":"eadb4c17","components_popover_index.md":"1a6808c4","components_radio-group_index.md":"1dbb5916","components_section_index.md":"c1bd396b","components_switch_index.md":"bac64a27","components_tabs_index.md":"85d4e2b2","components_text_index.md":"5e9143ab","components_tooltip_index.md":"6f406b7a","guide_quick-start_index.md":"7d7fd0b7","index.md":"ec733caf"}
|
||||
|
|
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue