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
|
// toast: 文字和图标:
testLayerToast(){
this.$layer.toast({
icon: ‘icon-check‘, // 图标clssName 如果为空 toast位置位于下方,否则居中
content: ‘提示文字‘,
time: 2000 // 自动消失时间 toast类型默认消失时间为2000毫秒
})
},
// loading:
testLayerLoading1(){
var _this = this;
this.$layer.loading(‘加载中...‘);
setTimeout(function(){
_this.$layer.close();
},3000);
},
// dialog:
testLayerDialog(){
this.$layer.dialog({
title: [‘这是标题‘, ‘background:red;‘], // 第一个是标题内容 第二个是标题栏的style(可以为空)
content: ‘这是内容‘,
contentClass: ‘className‘,
btn: [‘取消‘,‘确定‘],
// time: 2000
})
// 如果有btn
.then(function (res){
// res为0时是用户点击了左边 为1时用户点击了右边
let position = res === 0 ? ‘left‘ : ‘right‘
console.log(position)
})
},
// footer:
testLayerFooter(){
this.$layer.footer({
content: ‘这是内容‘,
btn: [‘取消‘, ‘选项1‘, ‘选项2‘]
})
// 如果有btn
.then(function (res){
var text = res==0 ? ‘取消‘ : ‘选项‘+res
console.log(text)
})
},
//open
testLayerOpen(){
this.$layer.open({
style: ‘border:none; color:#fff;‘,
content:‘内容‘
})
},
//close
testLayerClose(){
var _this = this;
this.$layer.loading(‘测试关闭方法‘);
setTimeout(function(){
_this.$layer.close();
},3000);
}
|
