Appearance
IconSvg
全局 Svg Icon 图标组件。
@/components/IconSvg 可以在项目中任意地方使用。图标均可在 @/assets/iconsvg 目录下自行添加或者删除,所有图标都会被自动导入,无需手动操作。
使用方法
1、下载或制作svg文件
存放到 @/assets/iconsvg 目录下,自己可以对此目录下svg进行删减。
2、压缩精简svg
项目会根据 @/assets/iconsvg/svgo.yml 配置运行 pnpm run svgo 压缩精简svg。
3、使用Demo:
import IconSvg from '@/components/IconSvg';
() => {
return <IconSvg name="svg文件名" />;
}
1
2
3
4
2
3
4
admin-antd-react