amis2/docs/renderers/Panel.md
2019-06-04 20:13:40 +08:00

2.4 KiB

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 顶部容器
body Container 内容容器
footer Container 底部容器
affixFooter boolean 是否固定底部容器
actions Array Of Button 按钮区域
{
    "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": "对,你刚点击了!"
          }
        }
    ]
}