若依前端引入外部icon

  • 开发
  • 69

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

阅读全部

相关推荐

  1. 若依前端引入外部icon

    2023-12-23 00:30:02       70 阅读

  2. 若依前端APP版使用教程

    2023-12-23 00:30:02       82 阅读

  3. 若依ruoyi-vue前端异常处理

    2023-12-23 00:30:02       31 阅读

  4. 若依分离版 —引入echart连接Springboot后端

    2023-12-23 00:30:02       42 阅读

  10. 若依ruoyi-vue前端页签缓存设置

    2023-12-23 00:30:02       36 阅读

最近更新

  3. docker php8.1+nginx base 镜像 dockerfile 配置

    2023-12-23 00:30:02       98 阅读

  4. Could not load dynamic library ‘cudart64_100.dll‘

    2023-12-23 00:30:02       106 阅读

  9. 在Django里面运行非项目文件

    2023-12-23 00:30:02       87 阅读

  19. Python语言-面向对象

    2023-12-23 00:30:02       96 阅读

  20. 如何分清楚常见的 Git 分支管理策略Git Flow、GitHub Flow 和 GitLab Flow

    2023-12-23 00:30:02       91 阅读

热门阅读

  1. 标签正则化和硬标签、软标签、单标签、多标签

    2023-12-23 00:30:02       62 阅读

  2. Day58|Leetcode 739. 每日温度 Leetcode 496. 下一个更大元素 I

    2023-12-23 00:30:02       82 阅读

  3. 多目标优化问题的求解——粒子群算法与NSGA2算法的结合

    2023-12-23 00:30:02       58 阅读

  5. go语言读取Excel表格中的数据

    2023-12-23 00:30:02       56 阅读

  7. 组件式Prompt设计tips

    2023-12-23 00:30:02       58 阅读

  15. 计算相对差异的Boost.Math库的测试程序

    2023-12-23 00:30:02       53 阅读

  19. C++学习笔记（十七）

    2023-12-23 00:30:02       45 阅读

  20. Copula-Variational-Bayes 元高斯分析法的 MATLAB 仿真

    2023-12-23 00:30:02       54 阅读

  22. 深入理解 Union 和 Union All 的区别及优化技巧

    2023-12-23 00:30:02       63 阅读

  24. 前端案例-Select组件在编辑回显时如何将选不到的id回显为其他颜色

    2023-12-23 00:30:02       61 阅读

  29. Unity-时间

    2023-12-23 00:30:02       61 阅读

  30. etcd是什么

    2023-12-23 00:30:02       55 阅读