若依前端引入外部icon

若依前端引入外部icon


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

具体实现：

  1. 下载自己需要的svg文件，推荐下载地址: https:www.iconfont.cn，下载时选择SVG下载
  2. 将下载的svg文件引入项目中（src/assets/icons/svg文件夹下）
  3. 在需要使用的vue文件中使用：
<svg-icon icon-class="bookmark" class-name='custom-class'/>

.custom-class{
    color: #C03639;
    font-size: 40px;
  }

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