| 1 |
- import{d as b,ag as o,aB as A,ar as r,aD as t,k as e,at as i,aq as v,F as g,aC as h,G as z}from"./vue-vendor-Be68asQ6.js";import{C as k}from"./index-BZ_MXCtW.js";import{A as S,b9 as B,ba as w,bb as P,bc as W,bd as $,be as j,bf as q}from"./antd-vue-vendor-DcqS7Wvq.js";import{br as G,ai as T,c as N,o as Q,a as V}from"./index-BFfnEkVs.js";import{P as D}from"./index-X83NmVMq.js";import"./index-BIPzXG41.js";import"./index-CXEQnmRq.js";import"./useTimeout-Ca5eqGu-.js";import"./vxe-table-vendor-DHF2TRpV.js";import"./useIntersectionObserver-Bl62RIZ4.js";import"./useContentHeight-DnE6GxS2.js";import"./useWindowSizeFn-BTSGGcie.js";import"./useContentViewHeight-BVCc9jQl.js";import"./usePageContext-WlOC5VNa.js";import"./injectionKey-DPVn4AgL.js";const L=b({components:{PageWrapper:D,CollapseContainer:k,GithubFilled:q,QqCircleFilled:j,WechatFilled:$,AlipayCircleFilled:W,IeCircleFilled:P,TaobaoCircleFilled:w,CodepenCircleFilled:B,Icon:N,Alert:S,IconPicker:T,SvgIcon:G},setup(){return{toIconify:()=>{Q("https://iconify.design/")}}}}),H={class:"flex justify-around"},J={class:"flex justify-around flex-wrap"},K={class:"flex justify-around flex-wrap"},M={class:"flex justify-around flex-wrap"},O={class:"flex justify-around flex-wrap"};function R(p,l,U,X,Y,Z){const d=o("GithubFilled"),F=o("QqCircleFilled"),_=o("WechatFilled"),m=o("AlipayCircleFilled"),f=o("IeCircleFilled"),C=o("TaobaoCircleFilled"),E=o("CodepenCircleFilled"),n=o("CollapseContainer"),u=o("Icon"),s=o("SvgIcon"),a=o("IconPicker"),y=o("Alert"),I=o("a-button"),x=o("PageWrapper");return r(),A(x,{title:"Icon组件示例"},{default:t(()=>[e(n,{title:"Antv Icon使用 (直接按需引入相应组件即可)"},{default:t(()=>[i("div",H,[e(d,{style:{fontSize:"30px"}}),e(F,{style:{fontSize:"30px"}}),e(_,{style:{fontSize:"30px"}}),e(m,{style:{fontSize:"30px"}}),e(f,{style:{fontSize:"30px"}}),e(C,{style:{fontSize:"30px"}}),e(E,{style:{fontSize:"30px"}})])]),_:1}),e(n,{title:"IconIfy 组件使用",class:"my-5"},{default:t(()=>[i("div",J,[e(u,{icon:"ion:layers-outline",size:30}),e(u,{icon:"ion:bar-chart-outline",size:30}),e(u,{icon:"ion:tv-outline",size:30}),e(u,{icon:"ion:settings-outline",size:30})])]),_:1}),e(n,{title:"svg 雪碧图",class:"my-5"},{default:t(()=>[i("div",K,[e(s,{name:"test",size:"32"}),(r(),v(g,null,h(6,c=>e(s,{key:c,name:`dynamic-avatar-${c}`,size:"32"},null,8,["name"])),64))])]),_:1}),e(n,{title:"图标选择器(Iconify)",class:"my-5"},{default:t(()=>[i("div",M,[e(a)])]),_:1}),e(n,{title:"图标选择器(Svg)",class:"my-5"},{default:t(()=>[i("div",O,[e(a,{mode:"svg"})])]),_:1}),e(y,{"show-icon":"",message:"推荐使用Iconify组件",description:"Icon组件基本包含所有的图标,在下面网址内你可以查询到你想要的任何图标。并且打包只会打包所用到的图标。"}),e(I,{type:"link",onClick:p.toIconify},{default:t(()=>l[0]||(l[0]=[z(" Iconify 图标大全 ")])),_:1},8,["onClick"])]),_:1})}const me=V(L,[["render",R]]);export{me as default};
|
