弹出层

用于和用户进行交互的弹出层组件。

属性

名称	类型	默认值	说明
show	Boolean	false	显示状态
mask	Boolean	false	是否显示遮罩
title	String	-	标题
showClose	Boolean	false	是否显示关闭按钮
closeIconName	String	-	关闭图标名称
closeIconMode	String	-	[参考] 关闭图标图片的裁剪、缩放模式
maskClickable	Boolean	false	是否点击遮罩关闭弹出层
headerLeft	Boolean	false	是否显 Header 左侧按钮
leftText	String	关闭	Header 左侧按钮的文本
leftTheme	String	info	Header 左侧按钮的文本
leftOpts	Object	-	[参考] Header 左侧按钮的配置
headerLeft	Boolean	false	是否显 Header 左侧按钮
headerRight	Boolean	false	是否显 Header 右侧按钮
rightText	String	确定	Header 右侧按钮的文本
rightTheme	String	info	Header 右侧按钮的文本
rightOpts	Object	-	[参考] Header 右侧按钮的配置
cancel	Boolean	false	是否显示取消按钮
cancelText	String	取消	取消按钮文本
cancelTheme	String	info	取消按钮主题
cancelOpts	Object	-	[参考] 取消按钮的配置
confirm	Boolean	false	是否显示确认按钮
confirmText	String	确认	确认按钮文本
confirmTheme	String	primary	确认按钮主题
confirmOpts	Object	-	[参考] 确认按钮的配置
scrollable	Boolean	true	内容是否可以滚动
headerLine	Boolean	false	是否显示 Header 下的分割线
footerLine	Boolean	false	是否显示 Footer 上的分割线
buttonLine	Boolean	false	是否显示按钮中间的分割线
zIndex	[Number, String]	-	弹出层的 z-index 值
maskEnterAnimationName	String	-	[参考] 遮罩进入动画名称
maskLeaveAnimationName	String	-	[参考] 遮罩退出动画名称
maskBackground	String	-	遮罩背景
closeHoverClass	String	pure-hover	关闭按钮 hover 类名
width	String	-	宽度
maxWidth	String	100%	最大宽度
height	String	-	高度
maxHeight	String	-	最大高度
background	String	-	背景
radius	String	-	圆角大小
borderRadius	String	-	圆角大小
margin	String	-	外边距
padding	String	-	内边距
shadow	String	-	阴影
boxShadow	String	-	阴影
headerHeight	String	-	标题高度
headerPadding	String	-	标题内边距
headerMargin	String	-	标题外边距
titleFontSize	String	-	标题字体大小
titleFontWeight	String	-	标题字体粗细
titleColor	String	-	标题字体颜色
titleTextAlign	String	-	标题文本对齐方式
closeSize	String	-	关闭按钮大小
closeColor	String	-	关闭按钮颜色
closeFontWeight	String	-	关闭按钮字体粗细
closeTop	String	-	关闭按钮 top 值
closeRight	String	-	关闭按钮 right 值
lineSize	String	-	分割线的大小
lineColor	String	-	分割线的颜色
headerLineSize	String	-	Header 下的分割线大小
headerLineColor	String	-	Header 下的分割线颜色
footerLineSize	String	-	Footer 上的分割线大小
footerLineColor	String	-	Footer 上的分割线颜色
buttonLineSize	String	-	按钮中间的分割线大小
buttonLineColor	String	-	按钮中间的分割线颜色
contentPadding	String	-	内容内边距
footerHeight	String	-	底部高度
footerPadding	String	-	底部内边距
footerBackground	String	-	底部背景
footerGap	String	-	底部按钮间距
footerFontSize	String	-	底部字体大小
footerFontWeight	String	-	底部字体粗细
footerColor	String	-	底部字体颜色
cancelBackground	String	-	取消按钮背景
cancelColor	String	-	取消按钮字体颜色
confirmBackground	String	-	确认按钮背景
confirmColor	String	-	确认按钮字体颜色
headerButtonWidth	String	-	Header 按钮宽度
headerButtonFontSize	String	-	Header 按钮字体大小
headerButtonColor	String	-	Header 按钮字体颜色
headerButtonFontWeight	String	-	Header 按钮字体粗细
headerLeftButtonWidth	String	-	Header 左侧按钮宽度
headerLeftButtonFontSize	String	-	Header 左侧按钮字体大小
headerLeftButtonFontWeight	String	-	Header 左侧按钮字体粗细
headerLeftButtonColor	String	-	Header 左侧按钮字体颜色
headerRightButtonWidth	String	-	Header 右侧按钮宽度
headerRightButtonFontSize	String	-	Header 右侧按钮字体大小
headerRightButtonFontWeight	String	-	Header 右侧按钮字体粗细
headerRightButtonColor	String	-	Header 右侧按钮字体颜色
safeAreaTop	Boolean	false	是否开启顶部安全区域
safeAreaBottom	Boolean	false	是否开启底部安全区域

事件

名称	参数	说明
@onClose	-	关闭事件
@onConfirm	-	确认事件
@onCancel	-	取消事件
@onLeft	-	Header 左侧按钮事件
@onRight	-	Header 右侧按钮事件

插槽

名称	参数	说明
#title	-	标题
#close	-	关闭按钮
#top	-	顶部内容，标题和滚动内容之间的部分，不会随滚动内容滚动
#default	-	默认，主内容，滚动内容
#bottom	-	底部内容，Footer 和滚动内容之间的部分，不会随滚动内容滚动
#footer	-	Footer 内容
#cancel	-	取消按钮
#confirm	-	确认按钮
#absolute	-	绝对定位的内容
#headerLeft	-	Header 左侧内容
#headerRight	-	Header 右侧内容