# iconfont图标

本项目使用了部分iconfont图标,如需修改引用可到src/plugins/iconFontPlugin.ts内替换js地址,图标使用方式如下

<ali-icon type="icon-gitee" class="mr4px text-size-18px"/>

# SVG图标

因为SVG图标组件扩展非常便利,所以本项目并未集成很多的图标。使用者可以随意扩展“有用”的图标。 使用svg组件方式非常便利,大致分为两步:

    1. 将自定义的svg文件放到@/assets/icons
    1. 使用
     <SvgIcon name="svg文件名" />
    

# 加载其它目录的svg作为图标使用

如需加载其它目录的svg作为图标,可到vite.config.ts中指定,目前配置如下:

...
createSvgIconsPlugin({
    // 指定需要缓存的图标文件夹
    iconDirs: [resolve(process.cwd(), 'src/assets/icons')],
    // 指定symbolId格式
    symbolId: 'icon-[dir]-[name]',
}),
...