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