评论

iconfont硬核,支持多色彩、支持自定义颜色

分享一个能让小程序支持iconfont多色彩、支持自定义颜色的开源库。发现新大陆

目前市面上很多教程叫我们如何把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呦。

最后一次编辑于  2019-09-26  
点赞 9
收藏
评论

4 个评论

  • 少年啦
    少年啦
    2019-08-30

    使用background-cli、 text-fill-color就可以实现了

    2019-08-30
    赞同 1
    回复
  • 陈生
    陈生
    2019-12-13

    试了下,感觉不错,刚好有这个需求,打算在项目中使用它。

    2019-12-13
    赞同
    回复
  • o0o有脾气的酸奶
    o0o有脾气的酸奶
    2019-08-30
    试了一下,挺好的,
    2019-08-30
    赞同
    回复
  • 少年啦
    少年啦
    2019-08-30

    你这是通过多个重合做出的效果?

    2019-08-30
    赞同
    回复 2
    • 2019-08-30
      svg实现的。iconfont地址配置好,一键生成组件
      2019-08-30
      回复
    • 2019-08-30
      不需要任何额外操作。生成之后直接就可以使用,不需要多余的css3设置
      2019-08-30
      回复
登录 后发表内容