vue-element-admin引入第三方icon

  • 下载完成之后将下载好的 .svg 文件放入 @/icons/svg 文件夹下之后就会自动导入 -----来自官网文档

  • 所以直接去https://www.iconfont.cn/spm=a313x.7781069.1998910419.d4d0a486a

    找想要的图标,然后下载svg即可。

  • 为什么能直接使用呢?

    在项目里面有如下图片。问题来了,<svg-icon>又是什么呢?

    • 发现有自定义的svgicon组件,同时还有一个地址

    https://panjiachen.github.io/vue-element-admin-site/feature/component/svg-icon.html#usage

    打开地址发现有如下一段话。

  • 总结就是下载svg放入文件中即可全局使用了。

frontend
165 views
Comments
登录后评论
Sign In
·

给你案例一个 icon 库:google material

·

SuperTinyIcons 常见的商标 icon,svg 格式,体积很小

·

simple-icons 这个很全,1500 个,不过是黑白的 svg,需要颜色要自己搞