若依前端引入外部icon

若依前端引入外部icon

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

具体实现:

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

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

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

相关推荐
TimelessHaze5 分钟前
从"切图崽"到前端工程师:React 到底是个啥?🚀
前端·react.js·ai编程
站在风口的猪11089 分钟前
《前端面试题:CSS的display属性》
前端·css·html·css3·html5
wandongle10 分钟前
HTML 面试题错题总结与解析
前端·面试·html
Code_Geo12 分钟前
前端打包工具简单介绍
前端·打包工具
断竿散人16 分钟前
专题一、HTML5基础教程-Meta标签网页元数据:网页的隐形指挥官
前端
MrSkye18 分钟前
🚀 由Tony Stark 带你入门 JavaScript(新手向)🚀
前端·javascript·面试
香蕉可乐荷包蛋19 分钟前
前端现行架构浅析
前端·架构
FogLetter21 分钟前
从Flex布局到Transition艺术:打造让用户尖叫的前端体验
前端·css