选择器
eui-panel
继承
无
用法
<eui-panel [title]="'Panel Title'" [collapsible]="true" [bodyStyle]="{padding:'20px'}" style="height:200px">
<p>面板内容。</p>
</eui-panel>
输入
名称 | 类型 | 描述 | 默认 |
---|---|---|---|
border | boolean | 定义是否显示边框。 | true |
title | string | 在面板标题中显示的标题文本。 | null |
iconCls | string | 用于在面板标题上显示16x16图标的CSS类。 | null |
closed | boolean | 定义面板是否关闭。 | false |
collapsed | boolean | 定义面板是否已经折叠。 | false |
collapsible | boolean | 定义是否在标题上显示可折叠按钮。 | false |
showHeader | boolean | 定义是否显示标题。 | true |
showFooter | boolean | 定义是否显示页脚。 | true |
expandIconCls | string | 展开图标的样式类。 | panel-tool-expand |
collapseIconCls | string | 折叠图标的样式类。 | panel-tool-collapse |
panelCls | string | 面板样式类。 | null |
panelStyle | Object | 面板内联样式。 | null |
headerCls | string | 面板标题样式类。 | null |
headerStyle | Object | 面板标题内联样式。 | null |
bodyCls | string | 面板主题样式类。 | null |
bodyStyle | Object | 面板体内联样式。 | null |
footerCls | string | 面板页脚样式类。 | null |
footerStyle | Object | 面板页脚内联样式。 | null |