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

最近不想打字....

不过这个是真的妙啊~