vue项目本地使用icon

vue项目本地使用icon

1.开发环境 vue
2.电脑系统 windows10专业版
3.在使用vue开发的过程中,我们经常会使用到字体图标,在这里我选择的是阿里巴巴矢量图标库,下面我来分享一下,在vue项目中导入本地使用icon的方法,希望对你有所帮助。
4.将图标下载至本地

7.在main.js中添加如下代码:

import './assets/chenicon/iconfont.css';
//进行全局导入,这样我的所以组件中都可以使用;如果整个项目只有一个页面使用了,可以单个页面进行导入

8.在vue组件中使用方法,添加如下代码:

9.效果如下:

10.本期的分享到了这里就结束啦,是不是很nice,希望对你有所帮助,让我们一起努力走向巅峰!