iview使用自定义iconfont

最近睡眠质量不好，记性不佳，好久没更了，今个遇到了一个小问题，必须赶紧记下来，免得过后忘咯。话不多说，直接给大家开仓放粮。

vue+iview构造后台管理系统时，遇到iview自己提供的icon不满足需要时（总共那么点图标，够用才怪呢），难免需要引入一些其他的icon或者自定义icon，这里我们就用的是阿里的矢量图库（目前我认为最全最丰富的图标库）。

###1.先在阿里矢量图标库把你需要的图标挨个添加到购物车（如图下所示）；

###2.然后下载icon文件夹，把下图这六个文件放到你的项目里即可。（最好放到assets下的一个专门放icon的文件夹）

###3.修改iconfont.css文件，如图下，加上“./”

###4.还得在main.js中引入iconfont.css,看图办事：

###5.最后一步了，拿过来直接用（左侧目录在router.js文件，我这个就是），使用规则大家都懂吧，来，继续看图

###6.最后就是成品效果了，这下应该很容易理解了吧。

最后交待两点事情：1.segmentfault为啥不能插入图片了？而csdn居然要强行给图片加它的水印，醉了。2.第五步一定要注意，引用了icon的类名后，还得加上iconfont前缀，切记切记空格！iconfont前后都有空格，不然效果就是白边框，你可以试试，这个问题我没找到原因。