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
| <template>
| <u-modal v-model="showModal" title="" :show-cancel-button="showCancelButton" @confirm="confirm" @cancel="cancel">
| <view class="slot-content">
| <slot></slot>
| </view>
| </u-modal>
| </template>
|
| <script>
| export default {
| props: {
| showCancelButton: {
| type: Boolean,
| default: true
| },
| confirm: {
| type: Function,
| default: () => { }
| }
| },
| data() {
| return {
| showModal: false
| }
| },
| methods: {
| open() {
| this.showModal = true;
| },
| cancel() {
| this.showModal = false;
| },
| }
|
| }
| </script>
|
| <style lang="scss" scoped>
| ::v-deep .u-model__title {
| padding-top: 0 !important;
| }
|
| .slot-content {
| min-height: 400rpx;
| box-sizing: border-box;
| padding-top: 250rpx;
| background: url(../../static/custom/moda-lbg.png) no-repeat center / 100% 100% !important;
| }
| </style>
|
|
