小工具知识网

当前位置: 首页 > 行业知识 > 若依前端引入外部icon

行业知识

若依前端引入外部icon

2026-11-12 20:03:09 来源:互联网转载

若依前端引入外部icon

场景:使用若依管理平台时,element-ui自带icon不满足需求,需要自己引入

具体实现:

  1. 下载自己需要的svg文件,推荐下载地址: https:www.iconfont.cn,下载时选择SVG下载
  2. 将下载的svg文件引入项目中(src/assets/icons/svg文件夹下)
  3. 在需要使用的vue文件中使用:
.custom-class{    color: #C03639;    font-size: 40px;  }

说明:bookmark为svg文件名,custom-class为自定义样式,若样式不生效,将svg文件中的fill参数删除或者改为fill="currentColor"即可

上一篇:揭秘转转高效搜索用户秘籍!

下一篇:kafka如何保证消息顺序性?