NG-ZORRO擴展自己的圖標方法二

前面文章介紹了靜態的引入方式,比較麻煩,這裡介紹一種簡單的動態方式。

1.到https://www.iconfont.cn/ 網站獲取(需要有註冊帳號),點擊你需要的圖標,下載svg文件,取好名字。

2.在 assets/xxx創建一個目錄,這個xxx就是命名空間。例如你在 zoo 命名空間下有一個 panda 圖標,你需要做的就是將 panda.svg 放到 assets/zoo 目錄底下。

3.使用方式 還是和原來文章介紹一樣的。

4.使用這種方式的話有以下幾個好處:

  • 圖標的使用方式不變,比如菜單的實現,需要把圖標保存到數據庫,這樣就不需要區分是誰的圖標,一樣的保存一個字符串到庫就可以了。
  • 不需要寫代碼就可以實現。
  • 系統圖標和業務系統圖標可以分開。


分享到:


相關文章: