vue2 项目中引入iconfont

在线使用

1、找到这个地址，在index.html中link引入

<link rel="stylesheet" href="//at.alicdn.com/t/c/font_3630561_8p6r3dvywq7.css">

 

 

2、在组件中直接使用

 <span class="iconfont icon-dianhua">

 

本地使用

1、先把需要用到的图标放入购物车，添加到某个项目中

 2、下载到本地，并解压

3、在assets 下面新建icon文件夹，把需要的文件复制进去

4、在App.vue中引入 @import url(@/assets/icon/iconfont.css);

 

 5、在组件中使用  <span class="iconfont icon-dianhua">

 

 

完事儿！