小程序使用iconfont彩色圖標(wxss與組件引用)


iconfont-tools 

可以將 iconfont 生成的 Symbol 轉換成 可以直接引用的 wxss 或 小程序組件

 

更新:

Figma 導出的SVG 在導入到iconfont 有時會黑成一坨

使用插件 Fill Rule Editor 可以解決!

 


 

更新:

如果SVG寬高是不一樣的話直接將SVG轉成 DataURL,並替換wxss內容即可

SVG轉DataURL

 


 

更新:

生成的icon組件有些錯誤,需要手動修改下!

icon.wxss 修改圖標的background 為 background-image  防止樣式覆蓋

<cover-view style="width: {{ size }}rpx;height:width: {{ size }}rpx;"></cover-view>

 


 

最近不想打字....

不過這個是真的妙啊~


免責聲明!

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



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