props.js
2.4 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
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
}
}
}