運用阿里圖標庫到自己的項目中---實例


1 . 登錄圖標庫  在iconfont官網搜索自己需要的圖標名稱(例如:搜索)

2 . 鼠標放在自己選中的圖標上,添加到購物車

3 . 添加完成之后,右上角購物車會顯示添加的數量,點擊打開購物車

 

  3.1 添加至項目 ( 創建新的項目,或者加入已有的項目)

  3.2  下載素材 (直接下載圖片到本地)

  3.3  下載代碼(直接下載生成的代碼壓縮包,基本上跟添加至項目一致)

 

4.添加到項目之后,進入圖標管理頁面 (可選擇下載代碼至本地)

5. 三種引用方式(一般使用 font-class 引用)

  5.1   引入項目下面生成的 fontclass 代碼:

<link rel="stylesheet" href="./iconfont.css">

  5.2 挑選相應圖標並獲取類名,應用於頁面:

<span class="iconfont icon-xxx"></span>
其他用法詳情可參照 (下載文件demo里面的html文件)


免責聲明!

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



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