面板容器组件
- Source:
Members
(inner) props
- Source:
Properties:
| Name | Type | Attributes | Default | Description |
|---|---|---|---|---|
header |
boolean |
<optional> |
true
|
是否显示头部 |
shadow |
string |
<optional> |
always
|
设置阴影显示时机，可选值：'always', 'hover', 'never' |
title |
string |
<optional> |
标题文本，如果需要设置复制的标题，可以使用title插槽 |
|
icon |
string |
<optional> |
标题左侧的图标 |
|
theme |
string |
<optional> |
风格设置，可选值：'', 'background', 'border-top', 'border-left', 'flag' |
|
size |
string |
<optional> |
设置尺寸，可选值：'', 'large', 'medium', 'small' |
|
fit |
boolean |
<optional> |
false
|
设置自适应父节点的高度 |
border |
boolean |
<optional> |
true
|
设置是否显示边框 |
footerAlign |
string |
<optional> |
right
|
底部对齐方式, 可选值：'left', 'center', 'right' |
bodyStyle |
Object |
<optional> |
主体内容设置样式 |
|
headerStyle |
Object |
<optional> |
头部设置样式 |
|
footerStyle |
Object |
<optional> |
底部设置样式 |
|
tabs |
Array |
<optional> |
选项卡数组，数据项对象 {label, name, disabled}, 如果要定义内容插槽，必须要设置name |
|
defaultTab |
String |
<optional> |
初始显示的tab 名称 |
|
actions |
Array |
<optional> |
底部操作按钮数组 ，数据项对象 {text, icon} |
属性参数
(inner) slots
- Source:
Properties:
| Name | Type | Description |
|---|---|---|
default |
string | 默认插槽，定义容器放置的内容 |
header |
string | 自定义头部内容，如果自定义头部，title 和 handle 插槽将失效 |
title |
string | 定义标题内容 |
handle |
string | 定义右上角的操作区 |
footer |
string | 定义底部内容 |
label |
string | 定义tab的label显示内容 |
插槽
Events
action
- Source:
点击操作按钮时触发
Parameters:
| Name | Type | Description |
|---|---|---|
action |
object | 按钮对象 |
tab-change
- Source:
tab切换时触发
Parameters:
| Name | Type | Description |
|---|---|---|
name |
string | 选项卡名称 |