继承
none
用法
<Panel title="Panel Title" :collapsible="true" :bodyStyle="{padding:'20px'}" style="height:200px">
<p>Panel Content。</p>
</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 |
Slots
名称 |
参数 |
描述 |
header |
none |
面板头部域。 |
footer |
none |
面板页脚域。 |