Dialog、Toast、Loading

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
import { Dialog, Toast } from 'vant';

const defaultTitle = '温馨提示';
const defaultBtn = '确认';
const defaultLoading = '加载中';

const dialog = {
Confirm(msg, event, btnText, title) {
Dialog.confirm({
title: title || defaultTitle,
message: msg,
confirmButtonText: btnText || defaultBtn,
closeOnPopstate: true,
})
.then(event)
.catch(() => {});
},
Alert(msg, event, btn) {
Dialog.alert({
title: defaultTitle,
message: msg,
confirmButtonText: btn || defaultBtn,
closeOnPopstate: true,
closeOnClickOverlay: true,
})
.then(event)
.catch(() => {});
},
Toast(msg, position) {
Toast({
message: msg,
position: position || 'bottom',
});
},
Loading(msg, el) {
Toast.loading({
message: msg || defaultLoading,
duration: 0,
forbidClick: true,
getContainer: el || 'body',
});
},
Close() {
Dialog.close();
Toast.clear();
},
};

export default dialog;

编辑文章✏