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


1. 打開 http://www.iconfont.cn/

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

3.點擊購物車,點擊下載代碼

4.解壓下載的文件夾,將文件夾復制到 assets文件夾中

4.引用iconfont.css

<style>
@import '../assets/icon/iconfont.css';    // 引用 iconfont.css
</style>

5.在用到圖標的組件中寫:

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

這樣就可以引用到你想要的iconfont圖標啦


免責聲明!

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



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