category: Components type: UI Views component: Basic chinese: 展示面板 english: Dashboard

一般在系统的首页展示一些指标数据，也可以快速导航的入口

API

Dashboard

| 成员 | 说明 | 类型 | 默认值 | | ----- | ----- | ----- | ----- | | width | 设定弹层宽度 | number | 100% | | height | 设定弹层高度 | number | 100% | | className | 设置定义的样式 | string | null | | contentPadding | 指定相对于父元素大小的内间距，可以指定上下左右四个方向 | array | [48] | | showGapLine | 是否展示行与列之间的border | boolean | true | | showGapMark | 展示展示行与列交叉的交叉点样式| boolean | true | | column | 每一行多少列| number | 4 | | itemMinWidth | 单个条目的最小宽度 | number | auto | | shadowSize | 鼠标浮上去的阴影大小 | number | 30 | | shadowSkewingSize | 阴影动画的最大调整范围 | number | 20 | | type | 主题风格，三种 primary,secondary,normal | string | normal |

Dashboard.Group

Dashboard 的直接子元素，用于设置分组的 title 信息，其子元素可以是任何节点，子元素如果是 Dashboard.Item ，就可以按照 组件的 API 配置相应的字段信息，如果 Dashboard.Item 满足不了您的需求，请自行设置内部展示的结构

| 成员 | 说明 | 类型 | 默认值 | | ----- | ----- | ----- | ----- | | title | 设置分组信息的 title | string/Element | '' | | className | 设置Group 的 className | string | null | | itemHeight | 设置内容区每一个内容区块的高度 | Number | null | | columnFlex | 设置列的宽度比重，多少列数组中就有几个数字 | Array | null |

Dashboard.Item

设置单个条目的信息，子节点用于填充图表，当然你也可以选择放其他的元素

| 成员 | 说明 | 类型 | 默认值 | | ----- | ----- | ----- | ----- | | count | 数量字段(支持 0-9￥$%.,?₽€*+-<>，超出将以文本展示) | Number/String | null | | title | 标题 | String/Element | null | | subtitle | 副标题 | String/Element | null | | thousandGap |对于 count 字段，通过 , 隔开千位| Boolean | true | | chartWidth | 图标元素的宽度 | number | 180 | | chartHeight | 图标元素的高度 | number | 120 | | href | 单个元素的链接地址，配置该属性，点击可以跳转 | string | null | | target | 页面跳转时的打开方式 | string | '_self' | | className | 设置单个 Item 的 className | string | null |