在vue脚手架中,目前项目使用的iview里面的图标,不够满足,需要自定义加入图标。

 

在阿里图标库:https://www.iconfont.cn

 

然后把本项目需要的图标可以放在里面。

 

然后将iconfont下载到本地。

 

iview引用自定义的图标

iview引用自定义的图标

 

修改iconfont.css文件中的路径,在文件引入的地方加上 ./

 

iview引用自定义的图标

 

在main.js中添加,将css全局引入,

import './assets/iconfont/iconfont.css'

然后就可以使用,

<Icon custom="iconfont icon-bookmark" />

就可以展示出来。

iview引用自定义的图标

把vue项目的某个图标,测试换一下,确实可行。

相关文章:

  • 2022-12-23
  • 2021-08-05
  • 2022-12-23
  • 2021-10-22
  • 2021-09-13
  • 2021-08-03
  • 2021-10-22
  • 2021-10-29
猜你喜欢
  • 2021-09-13
  • 2021-12-31
  • 2022-02-07
  • 2021-11-28
  • 2022-12-23
  • 2021-07-01
  • 2021-05-14
相关资源
相似解决方案