如何在vue項目中引入阿里巴巴的圖庫

選擇我們喜歡的圖標,點擊上面的小車,加入圖標庫,即右側的購物車

點擊右側的購物車。點擊添加圖標到項目


點擊下載到本地。解壓將解壓後的文件夾font放到我們的static文件夾下


在頁面用使用i標籤當容器。類名爲iconfont + 喜歡的icon名字 。通過控制i標籤的顏色可以改變活躍狀態和非活躍狀態


每次新加入圖標會需要更新我們的font文件夾。所以儘量一次性把項目需要的圖標加入到項目中在下載。

這時候我們可以臨時使用線上的網址引入。點擊複製代碼。將鏈接在我們使用圖標的頁面引入到css中



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章