【随笔】在vue项目使用icon

利用i标签，快速添加页面图标

之前写项目遇见图标都是下载成icon然后用img展示，但是图标写多了就会变得特变麻烦，光下载的图标就会占很大空间。所以学着用i写。
首先进入项目，在项目下建一个文件，在src下单独创建一个文件，和其他文件分开，用于存放样式

在iconfont官网，建立自己的项目，将项目所需要的图标文件下载

将下载的文件复制到我们刚刚创建的文件夹下，这里我把下载的一部分文件删除了，不删除也可以
最后在main.js里面引用iconfont.css。引用完之后，在需要的地方写

然后就可以这样用啦

 <span class="iconfont con-gouwuche"></span>

这个对应的是图标的名字con-gouwuche。每一个图标名字都会不一样的。如果想要添加、更换图标。相应的图标添加到项目，再下载并覆盖原来的文件就好了。