JeecgBoot(iconfont) Icon图标扩展方法

项目背景

JeecgBoot项目中已经存在一些ICON可供选择,但是比较单一,不够丰富。
需要从Iconfont中引入图标,以丰富语义。

JeecgBoot(iconfont) Icon图标扩展方法
需要修改4处

  1. Iconfont官网新建项目, 下载iconfont 文件放到:src/components目录下
    JeecgBoot(iconfont) Icon图标扩展方法
    JeecgBoot(iconfont) Icon图标扩展方法

  2. 在 iconfont 文件下新建common.less
    JeecgBoot(iconfont) Icon图标扩展方法

  3. 将common.less在全局文件中引入,这里是在src/App.vue中引入
    JeecgBoot(iconfont) Icon图标扩展方法

  4. 在src/views/system/modules/icon/Icons.vue文件中
    JeecgBoot(iconfont) Icon图标扩展方法

JeecgBoot(iconfont) Icon图标扩展方法
5. 在src/components/menu/index.js文件中处理显示自定义图标
JeecgBoot(iconfont) Icon图标扩展方法
参考文档:JeecgBoot开发文档-Icon图标扩展方法