若依前端引入外部icon

2023-12-21 19:51:20

若依前端引入外部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"即可

文章来源:https://blog.csdn.net/Shiny_boy_/article/details/135137440
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。