text: import{_ as e,r as o,o as c,c as l,b as p,w as r,a as s,d as n,e as a}from"./app.e2658e45.js";const x='{"title":"Icon \u56FE\u6807","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u8BF4\u660E","slug":"\u8BF4\u660E"},{"level":2,"title":"\u4EE3\u7801\u793A\u4F8B","slug":"\u4EE3\u7801\u793A\u4F8B"},{"level":2,"title":"API","slug":"api"},{"level":3,"title":"Icon props","slug":"icon-props"}],"relativePath":"ui/icon.md","lastUpdated":1636215949371}',i={},u=s('<h1 id="icon-\u56FE\u6807" tabindex="-1">Icon \u56FE\u6807 <a class="header-anchor" href="#icon-\u56FE\u6807" aria-hidden="true">#</a></h1><h2 id="\u8BF4\u660E" tabindex="-1">\u8BF4\u660E <a class="header-anchor" href="#\u8BF4\u660E" aria-hidden="true">#</a></h2><ul><li><p><a href="https://www.iconfont.cn/" target="_blank" rel="noopener noreferrer">\u57FA\u4E8E\u963F\u91CC\u56FE\u6807 iconfont</a></p></li><li><p><a href="https://qve.gitee.io/docs/fonts/demo_index.html?v=0.5" target="_blank" rel="noopener noreferrer">\u672C\u9879\u76EE\u56FE\u6807\u5E93</a></p></li></ul><h2 id="\u4EE3\u7801\u793A\u4F8B" tabindex="-1">\u4EE3\u7801\u793A\u4F8B <a class="header-anchor" href="#\u4EE3\u7801\u793A\u4F8B" aria-hidden="true">#</a></h2>',4),d=n("div",{class:"language-vue line-numbers-mode"},[n("pre",null,[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("icon-group"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("Icon")]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("icon-star"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("Icon")]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("icon-suo"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
  
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("style")]),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("less"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[a(`
  `),n("span",{class:"token selector"},".icon-group i"),a(),n("span",{class:"token punctuation"},"{"),a(`
    `),n("span",{class:"token property"},"margin"),n("span",{class:"token punctuation"},":"),a(" 0.25rem"),n("span",{class:"token punctuation"},";"),a(`
    `),n("span",{class:"token property"},"font-size"),n("span",{class:"token punctuation"},":"),a(" 2em"),n("span",{class:"token punctuation"},";"),a(`
    `),n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),a(" red"),n("span",{class:"token punctuation"},";"),a(`
  `),n("span",{class:"token punctuation"},"}"),a(`
  `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
  `)])]),n("div",{class:"line-numbers-wrapper"},[n("span",{class:"line-number"},"1"),n("br"),n("span",{class:"line-number"},"2"),n("br"),n("span",{class:"line-number"},"3"),n("br"),n("span",{class:"line-number"},"4"),n("br"),n("span",{class:"line-number"},"5"),n("br"),n("span",{class:"line-number"},"6"),n("br"),n("span",{class:"line-number"},"7"),n("br"),n("span",{class:"line-number"},"8"),n("br"),n("span",{class:"line-number"},"9"),n("br"),n("span",{class:"line-number"},"10"),n("br"),n("span",{class:"line-number"},"11"),n("br"),n("span",{class:"line-number"},"12"),n("br"),n("span",{class:"line-number"},"13"),n("br"),n("span",{class:"line-number"},"14"),n("br")])],-1),k=s('<h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-hidden="true">#</a></h2><h3 id="icon-props" tabindex="-1">Icon props <a class="header-anchor" href="#icon-props" aria-hidden="true">#</a></h3><table><thead><tr><th>\u5C5E\u6027</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th></tr></thead><tbody><tr><td>type</td><td>\u56FE\u6807\u7684\u540D\u79F0\u4E0E\u6837\u5F0F\u540D\u79F0</td><td>String</td><td>-</td></tr><tr><td>size</td><td>\u56FE\u6807\u7684\u5927\u5C0F \u6570\u5B57\u503C\u5355\u4F4D\uFF1Apx\uFF0C\u53EF\u81EA\u5B9A\u4E49 rem</td><td>Number or String</td><td>-</td></tr><tr><td>color</td><td>\u56FE\u6807\u7684\u989C\u8272 \u540C css \u7684 color</td><td>String</td><td>-</td></tr></tbody></table>',3);function h(_,b,m,g,f,v){const t=o("CodeRun");return c(),l("div",null,[u,p(t,{auto:"",editable:""},{default:r(()=>[d]),_:1}),k])}var I=e(i,[["render",h]]);export{x as __pageData,I as default};
  