在 Vue 中使用 阿里 iconFont

概述

常常会用到各类各样的图标，若是这些图标都使用图片的话，将会大大增长小程序打包后的体积，而小程序限制代码最大2MB，分包加载4MB，因此为了缩小体积，咱们能够使用阿里巴巴矢量图标库

1. 新建项目 (这样方便后期维护图标库)

1.1 项目名称， 若是是多位伙伴共同须要这个图标库,能够经过用户名的方式添加到 “ 协做者 ”

2. 把须要的图标添加到购物车

2.1 打开购物车并选择添加至项目，而后肯定

3. 这里有 在线连接 和 下载到本地两种方式

第一种：首先：-> 点击查看在线连接 -> 点击复制连接

第一种：而后：->在 link 引入时 须要添加 http: 前缀

第二种：首先：下载到本地 -> 存放在static中（static是存放静态资源文件的）

第二种：而后：本地引入时最好使用相对路径 ../

4. 这时使用i标签的class就能够直接使用啦（以上任意一种方式均可以哦）

<i class="icon-houtui"></i>
复制代码