import{f as v,r as e,o as f,j as h,h as s,g as t,B as p,v as n,i as a}from"./.pnpm.8fb36023.js";const w={class:"markdown-body"},x=a("p",{class:"describe-plugin"},"\u7528\u6765\u4EE3\u8868\u7528\u6237\u6216\u4E8B\u7269\uFF0C\u652F\u6301\u56FE\u7247\u3001\u56FE\u6807\u6216\u5B57\u7B26\u5C55\u793A\u3002",-1),b=a("p",null,[n("\u4F7F\u7528 "),a("code",null,"lay-avatar"),n(" \u6807\u7B7E, \u521B\u5EFA\u5934\u50CF")],-1),q=a("pre",null,[a("code",{"v-pre":""},[a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("template")]),a("span",{class:"token punctuation"},">")]),n(` `),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("lay-space")]),a("span",{class:"token punctuation"},">")]),n(` `),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("lay-avatar")]),n(),a("span",{class:"token attr-name"},":src"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("src"),a("span",{class:"token punctuation"},'"')]),a("span",{class:"token punctuation"},">")]),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"")]),n(` `),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("lay-avatar")]),a("span",{class:"token punctuation"},">")]),n(" Bai "),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"")]),n(` `),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("lay-avatar")]),a("span",{class:"token punctuation"},">")]),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"")]),n(` `),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("lay-avatar")]),n(),a("span",{class:"token attr-name"},"icon"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("layui-icon-face-smile"),a("span",{class:"token punctuation"},'"')]),a("span",{class:"token punctuation"},">")]),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"")]),n(` `),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"")]),n(` `),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"")]),n(` `),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("script")]),a("span",{class:"token punctuation"},">")]),a("span",{class:"token script"},[a("span",{class:"token language-javascript"},[n(` `),a("span",{class:"token keyword"},"import"),n(),a("span",{class:"token punctuation"},"{"),n(" ref "),a("span",{class:"token punctuation"},"}"),n(),a("span",{class:"token keyword"},"from"),n(),a("span",{class:"token string"},"'vue'"),n(` `),a("span",{class:"token keyword"},"export"),n(),a("span",{class:"token keyword"},"default"),n(),a("span",{class:"token punctuation"},"{"),n(` `),a("span",{class:"token function"},"setup"),a("span",{class:"token punctuation"},"("),a("span",{class:"token punctuation"},")"),n(),a("span",{class:"token punctuation"},"{"),n(` `),a("span",{class:"token keyword"},"const"),n(" src "),a("span",{class:"token operator"},"="),n(),a("span",{class:"token function"},"ref"),a("span",{class:"token punctuation"},"("),a("span",{class:"token string"},'"https://portrait.gitee.com/uploads/avatars/user/1611/4835367_Jmysy_1578975358.png"'),a("span",{class:"token punctuation"},")"),n(` `),a("span",{class:"token keyword"},"return"),n(),a("span",{class:"token punctuation"},"{"),n(` src `),a("span",{class:"token punctuation"},"}"),n(` `),a("span",{class:"token punctuation"},"}"),n(` `),a("span",{class:"token punctuation"},"}"),n(` `)])]),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"")]),n(` `)])],-1),z=a("p",null,[n("\u901A\u8FC7 "),a("code",null,"radius"),n(" \u5C5E\u6027, \u5F00\u542F\u5934\u50CF\u5706\u89D2\u3002")],-1),J=a("pre",null,[a("code",{"v-pre":""},[a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("template")]),a("span",{class:"token punctuation"},">")]),n(` `),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("lay-avatar")]),n(),a("span",{class:"token attr-name"},":src"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("src"),a("span",{class:"token punctuation"},'"')]),n(),a("span",{class:"token attr-name"},"radius"),a("span",{class:"token punctuation"},">")]),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"")]),n(` `),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"")]),n(` `),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("script")]),a("span",{class:"token punctuation"},">")]),a("span",{class:"token script"},[a("span",{class:"token language-javascript"},[n(` `),a("span",{class:"token keyword"},"import"),n(),a("span",{class:"token punctuation"},"{"),n(" ref "),a("span",{class:"token punctuation"},"}"),n(),a("span",{class:"token keyword"},"from"),n(),a("span",{class:"token string"},"'vue'"),n(` `),a("span",{class:"token keyword"},"export"),n(),a("span",{class:"token keyword"},"default"),n(),a("span",{class:"token punctuation"},"{"),n(` `),a("span",{class:"token function"},"setup"),a("span",{class:"token punctuation"},"("),a("span",{class:"token punctuation"},")"),n(),a("span",{class:"token punctuation"},"{"),n(` `),a("span",{class:"token keyword"},"const"),n(" src "),a("span",{class:"token operator"},"="),n(),a("span",{class:"token string"},'"https://portrait.gitee.com/uploads/avatars/user/1611/4835367_Jmysy_1578975358.png"'),n(` `),a("span",{class:"token keyword"},"return"),n(),a("span",{class:"token punctuation"},"{"),n(` src `),a("span",{class:"token punctuation"},"}"),n(` `),a("span",{class:"token punctuation"},"}"),n(` `),a("span",{class:"token punctuation"},"}"),n(` `)])]),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"")]),n(` `)])],-1),j=a("p",null,[n("\u901A\u8FC7 "),a("code",null,"size"),n(" \u5C5E\u6027, \u8BBE\u7F6E\u5934\u50CF\u5927\u5C0F\u3002")],-1),B=a("pre",null,[a("code",{"v-pre":""},[a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("template")]),a("span",{class:"token punctuation"},">")]),n(` `),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("lay-avatar")]),n(),a("span",{class:"token attr-name"},":src"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("src"),a("span",{class:"token punctuation"},'"')]),n(),a("span",{class:"token attr-name"},"size"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("xs"),a("span",{class:"token punctuation"},'"')]),a("span",{class:"token punctuation"},">")]),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"")]),n(` `),a("span",{class:"token entity named-entity",title:"\xA0"}," "),a("span",{class:"token entity named-entity",title:"\xA0"}," "),n(` `),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("lay-avatar")]),n(),a("span",{class:"token attr-name"},":src"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("src"),a("span",{class:"token punctuation"},'"')]),n(),a("span",{class:"token attr-name"},"size"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("sm"),a("span",{class:"token punctuation"},'"')]),a("span",{class:"token punctuation"},">")]),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"")]),n(` `),a("span",{class:"token entity named-entity",title:"\xA0"}," "),a("span",{class:"token entity named-entity",title:"\xA0"}," "),n(` `),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("lay-avatar")]),n(),a("span",{class:"token attr-name"},":src"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("src"),a("span",{class:"token punctuation"},'"')]),a("span",{class:"token punctuation"},">")]),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"")]),n(` `),a("span",{class:"token entity named-entity",title:"\xA0"}," "),a("span",{class:"token entity named-entity",title:"\xA0"}," "),n(` `),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("lay-avatar")]),n(),a("span",{class:"token attr-name"},":src"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("src"),a("span",{class:"token punctuation"},'"')]),n(),a("span",{class:"token attr-name"},"size"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("lg"),a("span",{class:"token punctuation"},'"')]),a("span",{class:"token punctuation"},">")]),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"")]),n(` `),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"")]),n(` `),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("script")]),a("span",{class:"token punctuation"},">")]),a("span",{class:"token script"},[a("span",{class:"token language-javascript"},[n(` `),a("span",{class:"token keyword"},"import"),n(),a("span",{class:"token punctuation"},"{"),n(" ref "),a("span",{class:"token punctuation"},"}"),n(),a("span",{class:"token keyword"},"from"),n(),a("span",{class:"token string"},"'vue'"),n(` `),a("span",{class:"token keyword"},"export"),n(),a("span",{class:"token keyword"},"default"),n(),a("span",{class:"token punctuation"},"{"),n(` `),a("span",{class:"token function"},"setup"),a("span",{class:"token punctuation"},"("),a("span",{class:"token punctuation"},")"),n(),a("span",{class:"token punctuation"},"{"),n(` `),a("span",{class:"token keyword"},"const"),n(" src "),a("span",{class:"token operator"},"="),n(),a("span",{class:"token string"},'"https://portrait.gitee.com/uploads/avatars/user/1611/4835367_Jmysy_1578975358.png"'),n(` `),a("span",{class:"token keyword"},"return"),n(),a("span",{class:"token punctuation"},"{"),n(` src `),a("span",{class:"token punctuation"},"}"),n(` `),a("span",{class:"token punctuation"},"}"),n(` `),a("span",{class:"token punctuation"},"}"),n(` `)])]),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"")]),n(` `)])],-1),N=a("p",null,[n("\u901A\u8FC7 "),a("code",null,"lay-avatar-list"),n(" \u6807\u7B7E, \u521B\u5EFA\u5934\u50CF\u5217\u8868\u3002")],-1),C=a("pre",null,[a("code",{"v-pre":""},[a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("template")]),a("span",{class:"token punctuation"},">")]),n(` `),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("lay-avatar-list")]),a("span",{class:"token punctuation"},">")]),n(` `),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("lay-avatar")]),n(),a("span",{class:"token attr-name"},":src"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("src"),a("span",{class:"token punctuation"},'"')]),n(),a("span",{class:"token attr-name"},"radius"),a("span",{class:"token punctuation"},">")]),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"")]),n(` `),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("lay-avatar")]),n(),a("span",{class:"token attr-name"},":src"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("src"),a("span",{class:"token punctuation"},'"')]),n(),a("span",{class:"token attr-name"},"radius"),a("span",{class:"token punctuation"},">")]),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"")]),n(` `),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("lay-avatar")]),n(),a("span",{class:"token attr-name"},":src"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("src"),a("span",{class:"token punctuation"},'"')]),n(),a("span",{class:"token attr-name"},"radius"),a("span",{class:"token punctuation"},">")]),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"")]),n(` `),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("lay-avatar")]),n(),a("span",{class:"token attr-name"},":src"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("src"),a("span",{class:"token punctuation"},'"')]),n(),a("span",{class:"token attr-name"},"radius"),a("span",{class:"token punctuation"},">")]),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"")]),n(` `),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("lay-avatar")]),n(),a("span",{class:"token attr-name"},":src"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("src"),a("span",{class:"token punctuation"},'"')]),n(),a("span",{class:"token attr-name"},"radius"),a("span",{class:"token punctuation"},">")]),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"")]),n(` `),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"")]),n(` `),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"")]),n(` `),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("script")]),a("span",{class:"token punctuation"},">")]),a("span",{class:"token script"},[a("span",{class:"token language-javascript"},[n(` `),a("span",{class:"token keyword"},"import"),n(),a("span",{class:"token punctuation"},"{"),n(" ref "),a("span",{class:"token punctuation"},"}"),n(),a("span",{class:"token keyword"},"from"),n(),a("span",{class:"token string"},"'vue'"),n(` `),a("span",{class:"token keyword"},"export"),n(),a("span",{class:"token keyword"},"default"),n(),a("span",{class:"token punctuation"},"{"),n(` `),a("span",{class:"token function"},"setup"),a("span",{class:"token punctuation"},"("),a("span",{class:"token punctuation"},")"),n(),a("span",{class:"token punctuation"},"{"),n(` `),a("span",{class:"token keyword"},"const"),n(" src "),a("span",{class:"token operator"},"="),n(),a("span",{class:"token string"},'"https://portrait.gitee.com/uploads/avatars/user/1611/4835367_Jmysy_1578975358.png"'),n(` `),a("span",{class:"token keyword"},"return"),n(),a("span",{class:"token punctuation"},"{"),n(` src `),a("span",{class:"token punctuation"},"}"),n(` `),a("span",{class:"token punctuation"},"}"),n(` `),a("span",{class:"token punctuation"},"}"),n(` `)])]),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"")]),n(` `)])],-1),A=a("table",null,[a("thead",null,[a("tr",null,[a("th",null,"\u5C5E\u6027"),a("th",null,"\u63CF\u8FF0"),a("th",null,"\u53EF\u9009\u503C")])]),a("tbody",null,[a("tr",null,[a("td",null,"src"),a("td",null,"\u56FE\u6E90"),a("td",null,"\u2013")]),a("tr",null,[a("td",null,"size"),a("td",null,"\u5C3A\u5BF8"),a("td",null,[a("code",null,"xs"),n(),a("code",null,"sm"),n(),a("code",null,"lg")])]),a("tr",null,[a("td",null,"radius"),a("td",null,"\u5706\u5F62"),a("td",null,[a("code",null,"true"),n(),a("code",null,"false")])]),a("tr",null,[a("td",null,"alt"),a("td",null,"\u63CF\u8FF0\u56FE\u50CF\u7684\u66FF\u6362\u6587\u672C"),a("td",null,"\u2013")])])],-1),V={style:{display:"flex","justify-content":"space-between","margin-top":"20px"}},F={},G={__name:"avatar",setup(E,{expose:r}){let o=v("https://portrait.gitee.com/uploads/avatars/user/1611/4835367_Jmysy_1578975358.png");return o="https://portrait.gitee.com/uploads/avatars/user/1611/4835367_Jmysy_1578975358.png",o="https://portrait.gitee.com/uploads/avatars/user/1611/4835367_Jmysy_1578975358.png",o="https://portrait.gitee.com/uploads/avatars/user/1611/4835367_Jmysy_1578975358.png",r({frontmatter:{}}),(I,T)=>{const g=e("lay-anchor"),l=e("lay-field"),c=e("lay-avatar"),d=e("lay-space"),u=e("lay-code"),y=e("lay-avatar-list"),m=e("lay-table-box"),_=e("lay-contributor"),k=e("lay-icon"),i=e("router-link");return f(),h("div",w,[s(g,{anchors:"\u57FA\u672C\u4ECB\u7ECD,\u57FA\u7840\u4F7F\u7528,\u5706\u89D2\u5934\u50CF,\u5C3A\u5BF8\u5927\u5C0F,\u5934\u50CF\u5217\u8868,Avatar \u5C5E\u6027",currIndex:-1,show:!0}),s(l,{id:"\u57FA\u672C\u4ECB\u7ECD",title:"\u57FA\u672C\u4ECB\u7ECD",style:{"margin-top":"21px","margin-bottom":"20px"}}),x,s(l,{id:"\u57FA\u7840\u4F7F\u7528",title:"\u57FA\u7840\u4F7F\u7528",style:{"margin-top":"21px","margin-bottom":"20px"}}),s(u,null,{description:t(()=>[b]),code:t(()=>[q]),default:t(()=>[s(d,null,{default:t(()=>[s(c,{src:p(o)},null,8,["src"]),s(c,null,{default:t(()=>[n(" Bai ")]),_:1}),s(c),s(c,{icon:"layui-icon-face-smile"})]),_:1})]),_:1}),s(l,{id:"\u5706\u89D2\u5934\u50CF",title:"\u5706\u89D2\u5934\u50CF",style:{"margin-top":"21px","margin-bottom":"20px"}}),s(u,null,{description:t(()=>[z]),code:t(()=>[J]),default:t(()=>[s(c,{src:p(o),radius:""},null,8,["src"])]),_:1}),s(l,{id:"\u5C3A\u5BF8\u5927\u5C0F",title:"\u5C3A\u5BF8\u5927\u5C0F",style:{"margin-top":"21px","margin-bottom":"20px"}}),s(u,null,{description:t(()=>[j]),code:t(()=>[B]),default:t(()=>[s(c,{src:p(o),size:"xs"},null,8,["src"]),n(" \xA0\xA0 "),s(c,{src:p(o),size:"sm"},null,8,["src"]),n(" \xA0\xA0 "),s(c,{src:p(o)},null,8,["src"]),n(" \xA0\xA0 "),s(c,{src:p(o),size:"lg"},null,8,["src"])]),_:1}),s(l,{id:"\u5934\u50CF\u5217\u8868",title:"\u5934\u50CF\u5217\u8868",style:{"margin-top":"21px","margin-bottom":"20px"}}),s(u,null,{description:t(()=>[N]),code:t(()=>[C]),default:t(()=>[s(y,null,{default:t(()=>[s(c,{src:p(o),radius:""},null,8,["src"]),s(c,{src:p(o),radius:""},null,8,["src"]),s(c,{src:p(o),radius:""},null,8,["src"]),s(c,{src:p(o),radius:""},null,8,["src"]),s(c,{src:p(o),radius:""},null,8,["src"])]),_:1})]),_:1}),s(l,{id:"Avatar \u5C5E\u6027",title:"Avatar \u5C5E\u6027",style:{"margin-top":"21px","margin-bottom":"20px"}}),s(m,null,{default:t(()=>[A]),_:1}),s(_,{"file-path":"avatar"}),a("div",V,[a("div",null,[s(i,{to:"/zh-CN/components/table",class:"lay-link",style:{display:""}},{default:t(()=>[s(k,{type:"layui-icon-left"}),n("\u8868\u683C")]),_:1})]),a("div",null,[s(i,{to:"/zh-CN/components/empty",class:"lay-link",style:{display:""}},{default:t(()=>[n("\u7A7A "),s(k,{type:"layui-icon-right"})]),_:1})])])])}}};export{G as default,F as frontmatter};