在 Vue 中使用 阿里 iconFont

概述

常常會用到各類各樣的圖標，若是這些圖標都使用圖片的話，將會大大增長小程序打包後的體積，而小程序限制代碼最大2MB，分包加載4MB，因此爲了縮小體積，咱們能夠使用阿里巴巴矢量圖標庫

1. 新建項目 (這樣方便後期維護圖標庫)

1.1 項目名稱， 若是是多位夥伴共同須要這個圖標庫,能夠經過用戶名的方式添加到 「 協做者 」

2. 把須要的圖標添加到購物車

2.1 打開購物車並選擇添加至項目，而後肯定

3. 這裏有 在線連接 和 下載到本地兩種方式

第一種：首先：-> 點擊查看在線連接 -> 點擊複製連接

第一種：而後：->在 link 引入時 須要添加 http: 前綴

第二種：首先：下載到本地 -> 存放在static中（static是存放靜態資源文件的）

第二種：而後：本地引入時最好使用相對路徑 ../

4. 這時使用i標籤的class就能夠直接使用啦（以上任意一種方式均可以哦）

<i class="icon-houtui"></i>
複製代碼