NG ZORRO 动态引入 svg icon

分类:JavaScript     发布时间:2020-01-20     最后更新:2020-01-20     浏览数:4141
本文将引导你一步一步引入自定义的 svg icon

一、下载你需要的 SVG 图标

Iconfont搜索你想要的图标。例如,我搜索 download 并下载了 download.svg

二、放到 /src/assets/abc/下

把下载好的 download.svg 放到 /src/assets/abc 注意 abc 就是一个命名空间。

动态引入,只需要保证 SVG 资源文件放到了相应的目录,即 assets/${namespace} 即可。例如你在 zoo 命名空间下有一个 panda 图标,你需要做的就是将 panda.svg 放到 assets/zoo 目录底下。

三、使用图标

<i nz-icon nzType="abc:download"></i> <!-- abc是命名空间,download 对应 download.svg -->

四、参考

图标 Icon

上一篇: Git 常用操作 下一篇: [Android] 通知栏常驻