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

 


 

最近不想打字....

不过这个是真的妙啊~

posted @ 2020-09-02 21:20  letleon  阅读(843)  评论(0编辑  收藏  举报