Vue项目引入阿里彩色图标库

1. 在iconfont官网选图标，加入购物车，加入项目，注意选择Font class，再下载到本地
2. 在项目src目录新建font目录,只拷贝刚才下载解压的iconfont.js文件
3. 在main.js导入iconfont.js文件
4. 全局样式文件中写入svg图标通用样式

   .al_icon {
   	width: 14px;
   	height: 14px;
   	overflow: hidden;
   	vertical-align: -2px;
   	fill: currentColor;
   }

5. 在vue文件模版中写入图标代码

    <svg class="icon" aria-hidden="true">
    	 <use xlink:href="#icon-lianxi"></use>
    </svg>

注意： 在这里要用#加Font class名