問題:iconfont引入後 color不騎作用( SVG Symbol引入方式)

原因:

當從阿里圖庫中圖標被添加至項目,如果編輯過項目圖標的顏色或者圖標本身是有顏色的,那麼在通過symbol獲取圖標時會在svg的path中增加fill屬性,導致無法更改顏色,如果需要動態修改顏色,需要從新添加該圖標(本身圖標無色),獲取在symbol的js文件中程序刪除fill屬性。

解決方式:

選中需要的圖標批量去色,然後就出來效果了

其他鏈接

業務圖標庫的生成及引用

參考鏈接

iconfont的使用,阿里矢量圖庫的引用,配置,改變圖標大小和圖標顏色

iconfont圖標symbol引用方式,有的圖標不能通過設置color樣式來修改顏色的解決辦法

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章