12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091 |
- import { defineMixin } from '../../libs/vue'
- import defProps from '../../libs/config/props.js'
- export const props = defineMixin({
- props: {
- // 是否展示modal
- show: {
- type: Boolean,
- default: () => defProps.modal.show
- },
- // 标题
- title: {
- type: [String],
- default: () => defProps.modal.title
- },
- // 弹窗内容
- content: {
- type: String,
- default: () => defProps.modal.content
- },
- // 确认文案
- confirmText: {
- type: String,
- default: () => defProps.modal.confirmText
- },
- // 取消文案
- cancelText: {
- type: String,
- default: () => defProps.modal.cancelText
- },
- // 是否显示确认按钮
- showConfirmButton: {
- type: Boolean,
- default: () => defProps.modal.showConfirmButton
- },
- // 是否显示取消按钮
- showCancelButton: {
- type: Boolean,
- default: () => defProps.modal.showCancelButton
- },
- // 确认按钮颜色
- confirmColor: {
- type: String,
- default: () => defProps.modal.confirmColor
- },
- // 取消文字颜色
- cancelColor: {
- type: String,
- default: () => defProps.modal.cancelColor
- },
- // 对调确认和取消的位置
- buttonReverse: {
- type: Boolean,
- default: () => defProps.modal.buttonReverse
- },
- // 是否开启缩放效果
- zoom: {
- type: Boolean,
- default: () => defProps.modal.zoom
- },
- // 是否异步关闭,只对确定按钮有效
- asyncClose: {
- type: Boolean,
- default: () => defProps.modal.asyncClose
- },
- // 是否允许点击遮罩关闭modal
- closeOnClickOverlay: {
- type: Boolean,
- default: () => defProps.modal.closeOnClickOverlay
- },
- // 给一个负的margin-top,往上偏移,避免和键盘重合的情况
- negativeTop: {
- type: [String, Number],
- default: () => defProps.modal.negativeTop
- },
- // modal宽度,不支持百分比,可以数值,px,rpx单位
- width: {
- type: [String, Number],
- default: () => defProps.modal.width
- },
- // 确认按钮的样式,circle-圆形,square-方形,如设置,将不会显示取消按钮
- confirmButtonShape: {
- type: String,
- default: () => defProps.modal.confirmButtonShape
- },
- // 文案对齐方式
- contentTextAlign: {
- type: String,
- default: () => defProps.modal.contentTextAlign
- },
- }
- })
|