| 1 |
- import{bm as i,c as a,b2 as r,I as p}from"./entry/index-BaQQ7BQ_.js";import{_ as c}from"./IconPicker.vue_vue_type_script_setup_true_lang-0J_QZbkb.js";import{P as m}from"./index-YMO-C9So.js";import{bn as u,bo as _,bp as y,bq as x,br as b,bs as v,bt as z,am as C}from"./antd-ILpsl5AZ.js";import{d as I,a8 as h,Z as f,a6 as g,a7 as s,k as e,u as t,$ as o,_ as F,F as S,a9 as k,G as w}from"./vue-CF9JqwIh.js";import"./copyTextToClipboard-Cu8x8bym.js";import"./useContentViewHeight-DuQo8tYw.js";import"./useWindowSizeFn-CiJNBK0Q.js";import"./onMountedOrActivated-D34Dt7uC.js";const j={class:"flex justify-around"},$={class:"flex justify-around flex-wrap"},B={class:"flex justify-around flex-wrap"},A={class:"flex justify-around flex-wrap"},N={class:"flex justify-around flex-wrap"},H=I({__name:"index",setup(V){return(W,l)=>{const d=h("a-button");return f(),g(t(m),{title:"Icon组件示例"},{default:s(()=>[e(t(i),{title:"Antv Icon使用 (直接按需引入相应组件即可)"},{default:s(()=>[o("div",j,[e(t(u),{style:{fontSize:"30px"}}),e(t(_),{style:{fontSize:"30px"}}),e(t(y),{style:{fontSize:"30px"}}),e(t(x),{style:{fontSize:"30px"}}),e(t(b),{style:{fontSize:"30px"}}),e(t(v),{style:{fontSize:"30px"}}),e(t(z),{style:{fontSize:"30px"}})])]),_:1}),e(t(i),{title:"IconIfy 组件使用",class:"my-5"},{default:s(()=>[o("div",$,[e(a,{icon:"ion:layers-outline",size:30}),e(a,{icon:"ion:bar-chart-outline",size:30}),e(a,{icon:"ion:tv-outline",size:30}),e(a,{icon:"ion:settings-outline",size:30})])]),_:1}),e(t(i),{title:"svg 雪碧图",class:"my-5"},{default:s(()=>[o("div",B,[e(t(r),{name:"test",size:"32"}),(f(),F(S,null,k(6,n=>e(t(r),{key:n,name:`dynamic-avatar-${n}`,size:"32"},null,8,["name"])),64))])]),_:1}),e(t(i),{title:"图标选择器(Iconify)",class:"my-5"},{default:s(()=>[o("div",A,[e(t(c))])]),_:1}),e(t(i),{title:"图标选择器(Svg)",class:"my-5"},{default:s(()=>[o("div",N,[e(t(c),{mode:"svg"})])]),_:1}),e(t(C),{"show-icon":"",message:"推荐使用Iconify组件",description:"Icon组件基本包含所有的图标,在下面网址内你可以查询到你想要的任何图标。并且打包只会打包所用到的图标。"}),e(d,{type:"link",onClick:l[0]||(l[0]=n=>t(p)("https://iconify.design/"))},{default:s(()=>[w(" Iconify 图标大全 ")]),_:1})]),_:1})}}});export{H as default};
|
