abc-squard-card v0.0.2

九宫格组件

提供九宫格排版的信息展示，支持宽度高度等自定义，以及浅色、深色两种主题

适用范围

适合需要九宫格排版展示数据的场景，效果如下截图：

代码演示

<SquardCard width={100} height={100} data={data} title="我常看的公司"/>

   data数据示例：
      const data = [
             {"id":1, "content":<div style={{marginTop:'30px'}}><p>农业银行</p><p>0008765ZH</p></div>},
             {"id":2, "content":"测试"},
             {"id":3, "content":"测试"},
             {"id":4, "content":"测试"},
             {"id":5, "content":"测试"},
             {"id":6, "content":"测试"},
             {"id":7, "content":"测试"},
             {"id":8, "content":"测试"},
             {"id":9, "content":"测试"}
      ]

API

备注

1、data数组中，标题：title,内容：content。可以自定义为element类型，详见demo示例。