弹框
使用场景
提供弹框功能,里面插槽可拖入任意组件,用来做遮罩层弹框展示。
组件图标:
基本属性
序号 |
属性名 |
说明 |
设置器类型 |
可选值 |
默认值 |
支持变量绑定 |
---|---|---|---|---|---|---|
1 |
弹窗标题 |
弹窗左上角文字编辑 |
input输入框 |
- |
弹窗 |
√ |
2 |
展示弹窗 |
是否让弹窗展示 |
switch开关 |
开/关 |
开 |
√ |
3 |
弹窗宽度 |
设置弹框的宽度 |
数字输入框 |
- |
- |
√ |
4 |
底部操作 |
底部操作的两个按钮区域是否展示 |
switch开关 |
开/关 |
开 |
√ |
5 |
全屏展示弹框 |
弹框变大到全屏展示 |
switch开关 |
开/关 |
关 |
√ |
6 |
单击遮罩层关闭弹框 |
单击灰色遮罩层区域弹窗关闭 |
switch开关 |
开/关 |
关 |
√ |
7 |
展示关闭图标 |
右上角关闭图标展示控制 |
switch开关 |
开/关 |
关 |
√ |
8 |
首尾内容居中 |
弹框内容区的内容是否水平居中 |
switch开关 |
开/关 |
关 |
√ |
9 |
关闭弹框销毁元素 |
关闭弹框后清空弹框内容区的内容 |
switch开关 |
开/关 |
开 |
√ |
10 |
ESC键关闭弹窗 |
按键盘的ESC键弹窗会关闭 |
switch开关 |
开/关 |
关 |
√ |
高级事件
序号 |
事件名 |
触发条件 |
说明 |
---|---|---|---|
1 |
onClose |
弹框关闭后触发 |
单击确认、取消或关闭触发close回调函数 |
2 |
onOpen |
弹框打开后触发 |
弹框打开后触发事件可用于获取弹框里的数据 |