74 lines
15 KiB
Plaintext
74 lines
15 KiB
Plaintext
import{f as k,r as c,o as w,j as v,h as s,g as o,B as r,a7 as d,i as n,v as a}from"./.pnpm.8fb36023.js";const x={class:"markdown-body"},b=n("p",{class:"describe-plugin"},"\u5185\u7F6E icon \u56FE\u6807\u9009\u62E9\u7EC4\u4EF6, \u5E38\u7528\u4E8E\u6743\u9650\u7BA1\u7406, \u83DC\u5355\u5B9A\u5236\u3002",-1),V=n("p",null,"\u4F7F\u7528 lay-icon-picker \u6807\u7B7E, \u521B\u5EFA\u56FE\u6807\u9009\u62E9\u5668",-1),j=n("pre",null,[n("code",{"v-pre":""},[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("lay-icon-picker")]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("icon"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-icon-picker")]),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("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
|
|
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),a(" icon "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},'"layui-icon-home"'),n("span",{class:"token punctuation"},")"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
icon
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`),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("script")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`)])],-1),q=n("p",null,"\u4F7F\u7528 lay-icon-picker \u6807\u7B7E, \u521B\u5EFA\u56FE\u6807\u9009\u62E9\u5668",-1),C=n("pre",null,[n("code",{"v-pre":""},[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("lay-icon-picker")]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("icon"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":disabled"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("true"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-icon-picker")]),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("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
|
|
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),a(" icon "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},'"layui-icon-home"'),n("span",{class:"token punctuation"},")"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
icon
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`),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("script")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`)])],-1),S=n("p",null,"\u901A\u8FC7 page \u5C5E\u6027\u5F00\u542F\u56FE\u6807\u5217\u8868\u7684\u5206\u9875\u5C55\u793A",-1),N=n("pre",null,[n("code",{"v-pre":""},[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("lay-icon-picker")]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("icon"),n("span",{class:"token punctuation"},'"')]),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("layui-icon-face-smile"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"page"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-icon-picker")]),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("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
|
|
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),a(" icon "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},'"layui-icon-home"'),n("span",{class:"token punctuation"},")"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
icon
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`),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("script")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`)])],-1),B=n("p",null,"\u901A\u8FC7 showSearch \u5F00\u542F\u56FE\u6807\u5217\u8868\u7684\u641C\u7D22\u529F\u80FD",-1),U=n("pre",null,[n("code",{"v-pre":""},[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("lay-icon-picker")]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("icon"),n("span",{class:"token punctuation"},'"')]),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("layui-icon-face-smile"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"page"),a(),n("span",{class:"token attr-name"},"showSearch"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-icon-picker")]),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("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
|
|
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),a(" icon "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},'"layui-icon-home"'),n("span",{class:"token punctuation"},")"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
icon
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`),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("script")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`)])],-1),z=n("table",null,[n("thead",null,[n("tr",null,[n("th"),n("th"),n("th"),n("th"),n("th")])]),n("tbody",null,[n("tr",null,[n("td",null,"v-model"),n("td",null,"\u9ED8\u8BA4\u503C"),n("td",null,"\u2013"),n("td",null,"\u2013"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"page"),n("td",null,"\u5F00\u542F\u5206\u9875"),n("td",null,"\u2013"),n("td",null,"\u2013"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"showSearch"),n("td",null,"\u542F\u7528\u641C\u7D22"),n("td",null,"\u2013"),n("td",null,"\u2013"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"disabled"),n("td",null,"\u7981\u7528"),n("td",null,[n("code",null,"boolean")]),n("td",null,"\u2013"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"contentStyle"),n("td",null,"\u5185\u5BB9\u81EA\u5B9A\u4E49\u6837\u5F0F"),n("td",null,[n("code",null,"StyleValue")]),n("td",null,"\u2013"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"contentClass"),n("td",null,"\u5185\u5BB9\u81EA\u5B9A\u4E49Class"),n("td",null,[n("code",null,"string"),a(),n("code",null,"Array<string | object>"),a(),n("code",null,"object")]),n("td",null,"\u2013"),n("td",null,"\u2013")])])],-1),P={style:{display:"flex","justify-content":"space-between","margin-top":"20px"}},R={},T={__name:"iconPicker",setup(A,{expose:y}){let t=k("layui-icon-home");return t=k("layui-icon-home"),t=k("layui-icon-home"),t=k("layui-icon-home"),y({frontmatter:{}}),(E,l)=>{const _=c("lay-anchor"),p=c("lay-field"),u=c("lay-icon-picker"),i=c("lay-code"),f=c("lay-table-box"),h=c("lay-contributor"),m=c("lay-icon"),g=c("router-link");return w(),v("div",x,[s(_,{anchors:"\u57FA\u672C\u4ECB\u7ECD,\u57FA\u7840\u4F7F\u7528,\u7981\u7528\u9009\u62E9,\u5F00\u542F\u5206\u9875,\u5F00\u542F\u641C\u7D22,icon-picker \u5C5E\u6027",currIndex:-1,show:!0}),s(p,{id:"\u57FA\u672C\u4ECB\u7ECD",title:"\u57FA\u672C\u4ECB\u7ECD",style:{"margin-top":"21px","margin-bottom":"20px"}}),b,s(p,{id:"\u57FA\u7840\u4F7F\u7528",title:"\u57FA\u7840\u4F7F\u7528",style:{"margin-top":"21px","margin-bottom":"20px"}}),s(i,null,{description:o(()=>[V]),code:o(()=>[j]),default:o(()=>[s(u,{modelValue:r(t),"onUpdate:modelValue":l[0]||(l[0]=e=>d(t)?t.value=e:t=e)},null,8,["modelValue"])]),_:1}),s(p,{id:"\u7981\u7528\u9009\u62E9",title:"\u7981\u7528\u9009\u62E9",style:{"margin-top":"21px","margin-bottom":"20px"}}),s(i,null,{description:o(()=>[q]),code:o(()=>[C]),default:o(()=>[s(u,{modelValue:r(t),"onUpdate:modelValue":l[1]||(l[1]=e=>d(t)?t.value=e:t=e),disabled:!0},null,8,["modelValue"])]),_:1}),s(p,{id:"\u5F00\u542F\u5206\u9875",title:"\u5F00\u542F\u5206\u9875",style:{"margin-top":"21px","margin-bottom":"20px"}}),s(i,null,{description:o(()=>[S]),code:o(()=>[N]),default:o(()=>[s(u,{modelValue:r(t),"onUpdate:modelValue":l[2]||(l[2]=e=>d(t)?t.value=e:t=e),type:"layui-icon-face-smile",page:""},null,8,["modelValue"])]),_:1}),s(p,{id:"\u5F00\u542F\u641C\u7D22",title:"\u5F00\u542F\u641C\u7D22",style:{"margin-top":"21px","margin-bottom":"20px"}}),s(i,null,{description:o(()=>[B]),code:o(()=>[U]),default:o(()=>[s(u,{modelValue:r(t),"onUpdate:modelValue":l[3]||(l[3]=e=>d(t)?t.value=e:t=e),type:"layui-icon-face-smile",page:"",showSearch:""},null,8,["modelValue"])]),_:1}),s(p,{id:"icon-picker \u5C5E\u6027",title:"icon-picker \u5C5E\u6027",style:{"margin-top":"21px","margin-bottom":"20px"}}),s(f,null,{default:o(()=>[z]),_:1}),s(h,{"file-path":"iconPicker"}),n("div",P,[n("div",null,[s(g,{to:"/zh-CN/components/upload",class:"lay-link",style:{display:""}},{default:o(()=>[s(m,{type:"layui-icon-left"}),a("\u6587\u4EF6\u4E0A\u4F20")]),_:1})]),n("div",null,[s(g,{to:"/zh-CN/components/rate",class:"lay-link",style:{display:""}},{default:o(()=>[a("\u8BC4\u5206 "),s(m,{type:"layui-icon-right"})]),_:1})])])])}}};export{T as default,R as frontmatter};
|