选择器
eui-dialog
继承
PanelComponent
用法
<eui-dialog
[title]="'Basic Dialog'"
[panelStyle]="{width:'400px',height:'200px'}"
[modal]="true">
<p style="text-align:center;margin:50px 0;font-size:16px">The Dialog Content。</p>
</eui-dialog>
输入
名称 |
类型 |
描述 |
默认 |
title |
string |
对话框标题。 |
null |
border |
boolean |
定义是否显示边框。 |
false |
borderType |
string |
定义对话框边框类型。可选值为:thin,thick,none |
thick |
closable |
boolean |
定义是否显示关闭按钮。 |
true |
modal |
boolean |
定义对话框是否是模态对话框。 |
false |
事件
名称 |
参数 |
描述 |
open |
无 |
对话框打开时触发。 |
close |
无 |
对话框关闭时触发。 |
方法
名称 |
参数 |
返回值 |
描述 |
open |
无 |
void |
打开对话框。 |
close |
无 |
void |
关闭对话框。 |
moveToTop |
无 |
void |
对话框移动到屏幕上方。 |
center |
无 |
void |
在屏幕上居中显示对话框。 |
hcenter |
无 |
void |
对话框只能水平居中。 |
vcenter |
无 |
void |
对话框只能垂直居中。 |