vue中如何使用iconfont(阿里巴巴圖標庫)


1.用github賬號或其他支持的賬號登陸iconfont官網https://www.iconfont.cn/

2.將所需要的圖標添加入庫(圖標是一個購物車)

3.進入購物車,添加至項目(沒有就新建)

4.添加后選擇下載至本地(這張截圖是之前的,我沒有下載新的,湊活看吧~~~)

5.然后就可以將這個文件夾放到代碼中(可以修改一下文件名字:比如fonts)

6.在main.js中引入“iconfont.css”

7,在阿里巴巴矢量圖標庫中,在我的項目中找到剛才加進去的圖標,點擊復制代碼

使用方法:設置class為iconfont+剛才復制的代碼(iconfont一定要有)

<i class=" iconfont icon-smile" ></i>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2026 CODEPRJ.COM