更新时间:2024-07-24 GMT+08:00
分享

弹框

使用场景

提供弹框功能,里面插槽可拖入任意组件,用来做遮罩层弹框展示。

组件图标:

基本属性

表1 基础信息

序号

属性名

说明

设置器类型

可选值

默认值

支持变量绑定

1

弹窗标题

弹窗左上角文字编辑

input输入框

-

弹窗

2

展示弹窗

是否让弹窗展示

switch开关

开/关

3

弹窗宽度

设置弹框的宽度

数字输入框

-

-

4

底部操作

底部操作的两个按钮区域是否展示

switch开关

开/关

5

全屏展示弹框

弹框变大到全屏展示

switch开关

开/关

6

单击遮罩层关闭弹框

单击灰色遮罩层区域弹窗关闭

switch开关

开/关

7

展示关闭图标

右上角关闭图标展示控制

switch开关

开/关

8

首尾内容居中

弹框内容区的内容是否水平居中

switch开关

开/关

9

关闭弹框销毁元素

关闭弹框后清空弹框内容区的内容

switch开关

开/关

10

ESC键关闭弹窗

按键盘的ESC键弹窗会关闭

switch开关

开/关

属性详解

底部操作

底部操作区两个按钮,可同时控制显示与隐藏,使用的是Button组件,具体属性可参考按钮组件属性。

图1 底部操作

高级事件

表2 高级事件

序号

事件名

触发条件

说明

1

onClose

弹框关闭后触发

单击确认、取消或关闭触发close回调函数

2

onOpen

弹框打开后触发

弹框打开后触发事件可用于获取弹框里的数据

相关文档