mirror of
https://gitee.com/baidu/amis.git
synced 2024-12-05 05:28:37 +08:00
49 lines
2.2 KiB
Markdown
49 lines
2.2 KiB
Markdown
|
### Panel
|
||
|
|
|
||
|
|
可以把相关信息以盒子的形式展示到一块。
|
||
|
|
|
||
|
|
| 属性名 | 类型 | 默认值 | 说明 |
|
||
|
|
| ---------------- | -------------------------- | -------------------------------------- | ------------------- |
|
||
|
|
| type | `string` | `"panel"` | 指定为 Panel 渲染器 |
|
||
|
|
| className | `string` | `"panel-default"` | 外层 Dom 的类名 |
|
||
|
|
| headerClassName | `string` | `"panel-heading"` | header 区域的类名 |
|
||
|
|
| footerClassName | `string` | `"panel-footer bg-light lter wrapper"` | footer 区域的类名 |
|
||
|
|
| actionsClassName | `string` | `"panel-footer"` | actions 区域的类名 |
|
||
|
|
| bodyClassName | `string` | `"panel-body"` | body 区域的类名 |
|
||
|
|
| title | `string` | | 标题 |
|
||
|
|
| header | [Container](#container) | | 顶部容器 |
|
||
|
|
| body | [Container](#container) | | 内容容器 |
|
||
|
|
| footer | [Container](#container) | | 底部容器 |
|
||
|
|
| actions | Array Of [Button](#button) | | 按钮区域 |
|
||
|
|
|
||
|
|
```schema:height="300" scope="body"
|
||
|
|
{
|
||
|
|
"type": "panel",
|
||
|
|
"title": "Panel Heading",
|
||
|
|
"body": "Panel Body",
|
||
|
|
"actions": [
|
||
|
|
{
|
||
|
|
"type": "button",
|
||
|
|
"label": "Action 1",
|
||
|
|
"actionType": "dialog",
|
||
|
|
"dialog": {
|
||
|
|
"confirmMode": false,
|
||
|
|
"title": "提示",
|
||
|
|
"body": "对，你刚点击了！"
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
{
|
||
|
|
"type": "button",
|
||
|
|
"label": "Action 2",
|
||
|
|
"actionType": "dialog",
|
||
|
|
"dialog": {
|
||
|
|
"confirmMode": false,
|
||
|
|
"title": "提示",
|
||
|
|
"body": "对，你刚点击了！"
|
||
|
|
}
|
||
|
|
}
|
||
|
|
]
|
||
|
|
}
|
||
|
|
```
|