九宫格组件
提供九宫格排版的信息展示,支持宽度高度等自定义,以及浅色、深色两种主题
适用范围
适合需要九宫格排版展示数据的场景,效果如下截图:
代码演示
data数据示例:const data = [{"id":1, "content":农业银行0008765ZH},{"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
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
title | 标题,可配置 | string/element |
|
data | 九宫格数据 | array |
[] |
width | 单个格子宽度 | number |
|
height | 单个格子高度 | number |
|
theme | 主题 | string |
浅色主题 |
备注
1、data数组中,标题:title,内容:content。可以自定义为element类型,详见demo示例。