eo-modal
<eo-modal>
Alias:
<containers.general-modal>
通用模态框容器构件。
Examples
Width & Height
MaskClosable
Fullscreen
Confirm Text & Cancel Text
Hide Cancel Button
Open Event & Close Event
Properties
Name | Description | Type | Default | Required |
---|---|---|---|---|
modalTitle | 标题 | string | ||
width | 宽度 | string | number | ||
maskClosable | 点击遮罩层是否关闭模态框 | boolean | ||
fullscreen | 全屏模式 | boolean | ||
closeWhenConfirm | 点击确定按钮时自动关闭弹窗 | boolean | true | |
confirmDisabled | 确认按钮是否禁用 | boolean | ||
visible | 点击遮罩层是否关闭模态框 | boolean | ||
confirmText | 确认按钮文本 | string | ||
cancelText | 取消按钮文本 | string | ||
confirmDanger | 确认按钮类型 | boolean | ||
hideCancelButton | 是否隐藏取消按钮 | boolean | ||
stackable | 是否可堆叠,开启后每次打开抽屉会将新的抽屉置于上层(zIndex ++) 注意:仅初始设置有效。 | boolean | ||
textContent | 文本内容 | string |
Slots
Name | Description |
---|---|
(default) | 内容插槽 |
Events
Name | Description | Event Detail |
---|---|---|
open | 打开弹窗事件 | void |
close | 关闭弹窗事件 | void |
confirm | 确认按钮事件 | void |
cancel | 取消按钮事件 | void |
Methods
Name | Description | Params | Returns |
---|---|---|---|
open | 打开模态框方法 | ||
close | 关闭模态框方法 |