在vue脚手架中,目前项目使用的iview里面的图标,不够满足,需要自定义加入图标。
在阿里图标库:https://www.iconfont.cn
然后把本项目需要的图标可以放在里面。
然后将iconfont下载到本地。
修改iconfont.css文件中的路径,在文件引入的地方加上 ./
在main.js中添加,将css全局引入,
import './assets/iconfont/iconfont.css'
然后就可以使用,
<Icon custom="iconfont icon-bookmark" />
就可以展示出来。
把vue项目的某个图标,测试换一下,确实可行。