果子蓝蓝
侠客
侠客
  • 最后登录2021-06-13
  • 发帖数3
阅读:374回复:0

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

楼主#
更多 发布于:2021-05-07 16:00
 使用宫格布局数据源的data属性中的iconInfo,这个属性需要传入一个对象,value后面跟iconfont就可以了,size设置字体图标的大小,color设置颜色。
   代码如下所示:
<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: '维修'
            },
        ]
    } />

最新喜欢:

doubleyongdouble...
游客


返回顶部

公众号

公众号