apicloud項目引入阿里巴巴矢量圖標庫


apicloud項目的前端頁面我都是使用aui構建的,但是aui自帶圖標太少,有時需要從其他地方找合適的圖標,阿里圖標庫就很好

地址:https://www.iconfont.cn/

首先登錄后查找自己需要的圖標加入購物車,點擊購物車將圖標加入我的項目,項目名稱自己起,我這里加了四個圖標做個例子,點擊圖標管理--我的項目就可以看到下圖所示

 

 然后下載到本地會獲得一個壓縮包,里面有下面這些文件

 

 把紅框里的文件放進apicloud項目中,我放在了css/ali-icon文件夾中,然后在項目中引入

<link rel="stylesheet" type="text/css" href="../css/ali-icon/iconfont.css"/>

 

 圖標如上圖方式引入,引入效果如下圖

 

 圖標大小有時候不合適,可以在iconfont.css樣式中更改,默認16px有點小,我這里用的30px

 


免責聲明!

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



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