Blame view

uni_modules/uview-plus/components/u-modal/props.js 2.79 KB
252962bb   刘淇   uni_modu
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
81
82
83
84
85
86
87
88
89
90
91
  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
          },
      }
  })