Skip to content

属性列表

属性

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

Released under the MIT License.