Vue+iView 引入iconfont

1).打開iconfont官方網站:https://www.iconfont.cn/;

2).搜索所需要的圖標:

 

 

 3).在所需要的的圖標上點擊"添加入庫"按鈕:

 

 

 4).點擊我的購物車:

 

 

 5).點擊"添加到項目":

 

 

 6).點擊新建項目(若已有項目則選擇加入到已有項目):

 

7).輸入新項目名稱並點擊確定:

 

 

 

 

 8).選擇"Font class"選項卡:

 

 

 9).點擊"下載到本地":

 

 

 10).解壓下載的壓縮包,將以下5個文件復制到項目資源文件夾:

 

 

 11).在需要的地方引入圖標:

import "你的路徑/iconfont/iconfont.css";

12).在使用圖標時需要在圖標名前加"iconfont"

"iconfont icon-shop"

提示:圖標名可點擊解壓后的壓縮包中的"demo_index.html"獲取