vue项目中引用iconfont图标库图标

vue项目中引入iconfont图标库图标步骤：

1、进入官网，找到需要的图标，添加入库

2、点开购物车图标，将新加入库的图标添加至项目，没有项目就新建一个项目

3、选择Font class，点击生成代码，复制生成的代码

4、到需要使用的项目中，找到index.html文件，加入如下代码，href内容为刚刚复制的代码

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

5、使用图标

<i class="iconfont icon-eye"></i>

6、设置大小/颜色等样式可通过直接修改样式来调整

.icon-eye {
    font-size: 20px;
}