[react]taro的Grid栅格布局 AtGrid 组件引用iconfont的方式

楼主^#

更多发布于：2021-05-07 16:00

使用宫格布局数据源的data属性中的iconInfo，这个属性需要传入一个对象，value后面跟iconfont就可以了，size设置字体图标的大小，color设置颜色。
代码如下所示：

&lt;AtGrid
    columnNum={4}
    data={
        [
            {
                iconInfo: {"value": "iconfont icon-chexian","size": 30,"color":"#5A8CFF"},
                value: '车险'
            },
            {
                iconInfo: {"value": "iconfont icon-shouye","size": 30,"color":"#A5AEF8"},
                value: '理赔'
            },
            {
                iconInfo: {"value": "iconfont icon-baoxian","size": 30,"color":"#40DEBB"},
                value: '保险'
            },
            {
                iconInfo: {"value": "iconfont icon-weixiu","size": 30,"color":"#CFA4FE"},
                value: '维修'
            },
        ]
    } /&gt;

喜欢1

[react]taro的Grid栅格布局 AtGrid 组件引用iconfont的方式

最新喜欢：