You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
81 lines
2.6 KiB
81 lines
2.6 KiB
import { defineMixin } from '../../libs/vue'
|
|
import defProps from '../../libs/config/props.js'
|
|
export const props = defineMixin({
|
|
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
|
|
}
|
|
}
|
|
})
|