vue我的项目本地应用icon
1.开发环境 vue
2.电脑系统 windows10专业版
3.在应用vue开发的过程中,咱们常常会应用到字体图标,在这里我抉择的是阿里巴巴矢量图标库,上面我来分享一下,在vue我的项目中导入本地应用icon的办法,心愿对你有所帮忙。
4.将图标下载至本地
5.删除红框局部
6.把其余文件,复制到本人的我的项目中,在assets中新建文件并且把方才拷贝的文件放到新建目录下,构造如下:
7.在main.js中增加如下代码:
import './assets/chenicon/iconfont.css';//进行全局导入,这样我的所以组件中都能够应用;如果整个我的项目只有一个页面应用了,能够单个页面进行导入8.在vue组件中应用办法,增加如下代码:
<i class="iconfont icongouwuche"></i><i class="iconfont iconyemian-copy"></i>9.成果如下:
10.本期的分享到了这里就完结啦,是不是很nice,心愿对你有所帮忙,让咱们一起致力走向巅峰!