目前市面上很多教程叫我们如何把iconfont的字体整到小程序中,基本千篇一律,都有一个特点,就是需要用字体文件。
但是用字体文件意味着只能设置一种颜色了(单色)。这是个硬伤~~~
所以,今天笔者花了一天时间,做了一个支持多色彩、支持自定义颜色的iconfont开源库。你一定会喜欢
<iconfont name="alipay" />
<iconfont name="alipay" color="{{['red', 'orange']}}" size="300" />
特性:
1、纯组件
2、不依赖字体文件
3、支持px和rpx两种格式
4、原样渲染多色彩图标
4、图标颜色可定制
地址:https://github.com/iconfont-cli/mini-program-iconfont-cli
喜欢的小伙伴记得给个star呦。
使用background-cli、 text-fill-color就可以实现了
试了下,感觉不错,刚好有这个需求,打算在项目中使用它。
你这是通过多个重合做出的效果?