原因:
當從阿里圖庫中圖標被添加至項目,如果編輯過項目圖標的顏色或者圖標本身是有顏色的,那麼在通過symbol獲取圖標時會在svg的path中增加fill屬性,導致無法更改顏色,如果需要動態修改顏色,需要從新添加該圖標(本身圖標無色),獲取在symbol的js文件中程序刪除fill屬性。
解決方式:
選中需要的圖標批量去色,然後就出來效果了
當從阿里圖庫中圖標被添加至項目,如果編輯過項目圖標的顏色或者圖標本身是有顏色的,那麼在通過symbol獲取圖標時會在svg的path中增加fill屬性,導致無法更改顏色,如果需要動態修改顏色,需要從新添加該圖標(本身圖標無色),獲取在symbol的js文件中程序刪除fill屬性。
選中需要的圖標批量去色,然後就出來效果了
把你要的圖標添加購物車,然後點下載代碼,會得到一個壓縮包,解壓後打開demo_fontclass.html文件,就能看到類名。在項目裏作爲全局引用就可以使用了。
1.使用的是阿里的iconfont圖標庫 2.顯示異常截圖: 3.異常代碼截圖: 4.解決方案(官方鏈接:https://uniapp.dcloud.io/matter): 5.解決後截圖: