属性列表
属性
| 属性 | 说明 | 类型 | 默认值 |
| id | 自定义的弹窗唯一 id 标识 | String | - |
| class-name | 自定义的弹窗类名(多个类名之间用空格分隔) | String | - |
| z-index | 弹窗的层级 | Number | 1000 |
| mask-visible | 显示遮罩层 | Boolean | true |
| mask-closable | 点击遮罩层可以关闭弹窗 | Boolean | false |
| mask-background | 遮罩层背景色 | String | - |
| fullscreen | 默认全屏显示(并非浏览器按下 F11 的全屏模式,而是铺满网页可视区域) | Boolean | false |
| insert-iframe | 内容区域嵌入 iframe 的地址(一旦嵌入 iframe,设置的其它内容将失效) | String | - |
| background | 弹窗的背景色 | String | - |
| auto-close | 自动关闭的倒计时时长,单位:ms(设置为 0 则不开启此功能) | Number | 0 |
| auto-close-text | 自动关闭的倒计时提示文字,在秒数后面展示 | String | 秒后关闭 |
| auto-close-visible | 是否显示默认形式的自动关闭倒计时提示语 | Boolean | true |
| auto-close-intercept | 自动关闭功能的拦截器,到达自动关闭所设置的时长后将拦截关闭功能 | Boolean | false |
| esc-closable | 按下 Esc 键可关闭弹窗 | Boolean | true |
| draggable | 开启拖动功能(按住头部区域即可拖动) | Boolean | false |
| body-scrollable | 打开弹窗后允许页面滚动 | Boolean | true |
| header-visible | 显示头部 | Boolean | true |
| footer-visible | 显示尾部 | Boolean | true |
| content-background | 内容区域的背景色 | String | - |
| content-loading | 显示内容区域的 loading 层 | Boolean | false |
| content-loading-text | 内容区域的 loading 层的提示信息 | String | - |
| content-loading-background | 内容区域的 loading 层的背景色 | String | - |
| content-height | 内容区域高度(可设置百分比或 px 单位) | String | auto |
| noline | 去除头尾与内容区域的分割线 | Boolean | false |
| title | 弹窗标题 | String | - |
| width | 弹窗宽度(可设置百分比或 px 单位,最小有效值为 300px) | String | 450px |
| close-icon-visible | 头部右侧显示关闭图标 | Boolean | true |
| fullscreen-icon-visible | 头部右侧显示全屏切换图标 | Boolean | false |
| animation-type | 动画模式,可选值:scale, slide, fade | String | scale |
| ok-text | 确定按钮文本 | String | 确定 |
| ok-visible | 显示确定按钮 | Boolean | true |
| ok-disabled | 禁用确定按钮 | Boolean | false |
| ok-closable | 点击确定按钮可以关闭弹窗 | Boolean | true |
| ok-loading | 激活确定按钮的加载中效果 | Boolean | false |
| cancel-text | 取消按钮文本 | String | 取消 |
| cancel-visible | 显示取消按钮 | Boolean | true |
| cancel-disabled | 禁用取消按钮 | Boolean | false |
| cancel-closable | 点击取消按钮可以关闭弹窗 | Boolean | true |