@wanghonggan/uv-ui
Version:
uv-ui 破釜沉舟之兼容vue3+2、nvue、app、h5、小程序等多端基于uni-app和uView2.x的生态框架,支持单独导入,开箱即用,利剑出击。
92 lines (91 loc) • 1.77 kB
JavaScript
import { getPropsByKey } from "../../libs/config/config";
export default {
props: {
// 标题
title: {
type: [String],
default: ''
},
// 弹窗内容
content: {
type: String,
default: ''
},
// 确认文案
confirmText: {
type: String,
default: '确认'
},
// 取消文案
cancelText: {
type: String,
default: '取消'
},
// 是否显示确认按钮
showConfirmButton: {
type: Boolean,
default: true
},
// 是否显示取消按钮
showCancelButton: {
type: Boolean,
default: false
},
// 确认按钮颜色
confirmColor: {
type: String,
default: '#2979ff'
},
// 取消文字颜色
cancelColor: {
type: String,
default: '#606266'
},
// 对调确认和取消的位置
buttonReverse: {
type: Boolean,
default: false
},
// 是否开启缩放效果
zoom: {
type: Boolean,
default: true
},
// 层级
zIndex: {
type: [String, Number],
default: 10075
},
// 是否异步关闭,只对确定按钮有效
asyncClose: {
type: Boolean,
default: false
},
// 是否允许点击遮罩关闭modal
closeOnClickOverlay: {
type: Boolean,
default: true
},
// 给一个负的margin-top,往上偏移,避免和键盘重合的情况
negativeTop: {
type: [String, Number],
default: 0
},
// modal宽度,不支持百分比,可以数值,px,rpx单位
width: {
type: [String, Number],
default: '650rpx'
},
// 文本对齐方式,默认left
align: {
type: String,
default: 'left'
},
// 文本自定义样式
textStyle: {
type: [Object, String],
default: ''
},
...getPropsByKey('modal')
}
}