分组

介绍
将组件分组展示,可配置标题和操作按钮
API
Props
参数名 | 描述 | 类型 | 默认值 |
---|---|---|---|
status | 默认状态 | 'default' | 'hide' | 'default' |
title | 标题 | string | '分组' |
baseStyle | 自定义样式 | string | - |
customClass | 类名绑定 | string | - |
width | 宽 | number | 100 |
height | 宽 | number | - |
padding | 内容边距 | number | - |
size | 尺寸 | 'small'|'medium' | 'medium' |
bordered | 显示边框 | boolean | false |
hoverable | 鼠标悬停样式 | boolean | false |
titleStyle | 标题区域自定义样式 | string | - |
contentStyle | 内容区域自定义样式 | string | - |
uniqueKey | 唯一标识 | string | - |
imgUrl | 封面图片地址 | string | - |
loop | 循环 , 循环渲染设置 | Loop | - |
Props-操作按钮
参数名 | 描述 | 类型 | 默认值 |
---|---|---|---|
status | 默认状态 | 'default' |'disabled|''hide' | 'default' |
title | 标题 | string | - |
events | 事件配置 | object | - |
Events
事件名 | 描述 | 参数 |
---|---|---|
onClick | 操作按钮点击事件 | ctx params:object |
Type
javascript
// 循环
type Loop = {
"data": any[],
"paramName": string,
"indexName": string,
"key": string
}