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