小程序使用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