# iconfont图标
本项目使用了部分iconfont图标,如需修改引用可到src/plugins/iconFontPlugin.ts
内替换js地址,图标使用方式如下
<ali-icon type="icon-gitee" class="mr4px text-size-18px"/>
# SVG图标
因为SVG图标组件扩展非常便利,所以本项目并未集成很多的图标。使用者可以随意扩展“有用”的图标。 使用svg组件方式非常便利,大致分为两步:
- 将自定义的svg文件放到
@/assets/icons
中
- 将自定义的svg文件放到
- 使用
<SvgIcon name="svg文件名" />
# 加载其它目录的svg作为图标使用
如需加载其它目录的svg作为图标,可到vite.config.ts中指定,目前配置如下:
...
createSvgIconsPlugin({
// 指定需要缓存的图标文件夹
iconDirs: [resolve(process.cwd(), 'src/assets/icons')],
// 指定symbolId格式
symbolId: 'icon-[dir]-[name]',
}),
...