react 中使用iconfont

簡單說事發表於2018-11-16

大前提是已經在iconfont有專案,並且有選中的圖示

一、選擇新建專案react 中使用iconfont


二、搜尋目標圖示--並新增到購物車

react 中使用iconfont

三、在購物車中將圖示新增到專案

react 中使用iconfont

四、出現三種型別,

  • Unicode
  • Font class
  • Symbo
  • 選中需要使用的型別,並生成相應的css,或者js程式碼

  • react 中使用iconfont

    將生成的程式碼在瀏覽器中開啟,複製然後寫入單獨的css檔案或者js檔案。

    react 中使用iconfont

    五、將js或者css檔案(這裡以js為例子)引入到專案中

    react 中使用iconfont

    六、在專案中使用,這裡是在react中使用,

    注意className類名 和 xlikHref 需要用小駝峰的寫法。

    react 中使用iconfont


    特別感謝阿里的這個iconfont 為我們前端開發帶來了很大的方便!


    相關文章