在Taro中自由地使用iconfont图标,支持多色彩,支持多端



  • 还在担心没图标可以用?不存在的,iconfont.cn那么多图标,一辈子都用不完的。
    集成不方便?不存在的,已经有方案了:https://github.com/iconfont-cli/taro-iconfont-cli

    支持平台

    • React-Native
    • 微信小程序
    • 支付宝小程序
    • 百度小程序
    • 头条小程序
    • QQ小程序
    • H5

    特性

    1、一键生成标准组件,多端支持
    2、使用方便,import即可
    3、支持多色彩
    4、支持自定义颜色
    5、支持es6和typescript两种模式

    使用方便

    // 原色彩
    <IconFont name="alipay" />
    
    // 单色:红色
    <IconFont name="alipay" color="red" />
    
    // 多色:红色+橘色
    <IconFont name="alipay" color={['red', 'orange']} size={300} />
    
    // 不同格式的颜色写法
    <IconFont name="alipay" color={['#333', 'rgb(50, 124, 39)']} />
    

    喜欢的小伙伴记得给个star呦:https://github.com/iconfont-cli/taro-iconfont-cli


登录后回复