81 lines
2.4 KiB
JavaScript
81 lines
2.4 KiB
JavaScript
import defprops from '../../libs/config/props';
|
||
export default {
|
||
props: {
|
||
// 是否展示弹窗
|
||
show: {
|
||
type: Boolean,
|
||
default: defprops.popup.show
|
||
},
|
||
// 是否显示遮罩
|
||
overlay: {
|
||
type: Boolean,
|
||
default: defprops.popup.overlay
|
||
},
|
||
// 弹出的方向，可选值为 top bottom right left center
|
||
mode: {
|
||
type: String,
|
||
default: defprops.popup.mode
|
||
},
|
||
// 动画时长，单位ms
|
||
duration: {
|
||
type: [String, Number],
|
||
default: defprops.popup.duration
|
||
},
|
||
// 是否显示关闭图标
|
||
closeable: {
|
||
type: Boolean,
|
||
default: defprops.popup.closeable
|
||
},
|
||
// 自定义遮罩的样式
|
||
overlayStyle: {
|
||
type: [Object, String],
|
||
default: defprops.popup.overlayStyle
|
||
},
|
||
// 点击遮罩是否关闭弹窗
|
||
closeOnClickOverlay: {
|
||
type: Boolean,
|
||
default: defprops.popup.closeOnClickOverlay
|
||
},
|
||
// 层级
|
||
zIndex: {
|
||
type: [String, Number],
|
||
default: defprops.popup.zIndex
|
||
},
|
||
// 是否为iPhoneX留出底部安全距离
|
||
safeAreaInsetBottom: {
|
||
type: Boolean,
|
||
default: defprops.popup.safeAreaInsetBottom
|
||
},
|
||
// 是否留出顶部安全距离（状态栏高度）
|
||
safeAreaInsetTop: {
|
||
type: Boolean,
|
||
default: defprops.popup.safeAreaInsetTop
|
||
},
|
||
// 自定义关闭图标位置，top-left为左上角，top-right为右上角，bottom-left为左下角，bottom-right为右下角
|
||
closeIconPos: {
|
||
type: String,
|
||
default: defprops.popup.closeIconPos
|
||
},
|
||
// 是否显示圆角
|
||
round: {
|
||
type: [Boolean, String, Number],
|
||
default: defprops.popup.round
|
||
},
|
||
// mode=center，也即中部弹出时，是否使用缩放模式
|
||
zoom: {
|
||
type: Boolean,
|
||
default: defprops.popup.zoom
|
||
},
|
||
// 弹窗背景色，设置为transparent可去除白色背景
|
||
bgColor: {
|
||
type: String,
|
||
default: defprops.popup.bgColor
|
||
},
|
||
// 遮罩的透明度，0-1之间
|
||
overlayOpacity: {
|
||
type: [Number, String],
|
||
default: defprops.popup.overlayOpacity
|
||
}
|
||
}
|
||
}
|