当前位置: 首页 > Web前端 > vue.js

vue-cli创建的工程引入图标字体——有个坑

时间:2023-04-01 00:54:56 vue.js

第一步:找到你需要的去https://www.iconfont.cn/找到你需要的图标下载到本地第二步:添加,下载,解压,添加到工程文件夹中步骤三:引用在路由文件中import'../../font/iconfont.css'引入。我这里使用router作为路由文件夹,所以router文件夹下的index.js就是路由文件,所以用src目录下的main.js作为路由文件引用要使用图标的页面iconfonticon-zhuye">我这里就用上面两行,有些方法应该在写@importurl("../../font/iconfont.css");不知道以后会不会用到我的项目。4.注意:必须在类中添加iconfont(这是我踩的坑,小声bb)