mirror of
https://git.beihong.wang/wangbeihong/iot-bedroom-environment-controller.git
synced 2026-04-23 11:53:03 +08:00
70 lines
1.3 KiB
JavaScript
70 lines
1.3 KiB
JavaScript
Component({
|
|
properties: {
|
|
padding: {
|
|
type: String,
|
|
value: '32rpx'
|
|
},
|
|
background: {
|
|
type: String,
|
|
value: 'rgba(0,0,0,.6)'
|
|
},
|
|
width: {
|
|
type: Number,
|
|
optionalTypes: [String],
|
|
value: 64
|
|
},
|
|
size: {
|
|
type: Number,
|
|
optionalTypes: [String],
|
|
value: 30
|
|
},
|
|
color: {
|
|
type: String,
|
|
value: '#fff'
|
|
},
|
|
zIndex: {
|
|
type: Number,
|
|
value: 1001
|
|
}
|
|
},
|
|
data: {
|
|
timer: null,
|
|
src: '',
|
|
text: '',
|
|
visible: false
|
|
},
|
|
lifetimes: {
|
|
detached: function () {
|
|
clearTimeout(this.data.timer);
|
|
this.data.timer = null;
|
|
}
|
|
},
|
|
methods: {
|
|
show(options) {
|
|
clearTimeout(this.data.timer);
|
|
let {
|
|
duration = 2000,
|
|
src = '',
|
|
text = ''
|
|
} = options;
|
|
this.setData({
|
|
text: text,
|
|
src: src
|
|
}, () => {
|
|
setTimeout(() => {
|
|
this.visible = true;
|
|
this.setData({
|
|
visible: true
|
|
})
|
|
this.data.timer = setTimeout(() => {
|
|
this.setData({
|
|
visible: false
|
|
})
|
|
clearTimeout(this.data.timer);
|
|
this.data.timer = null;
|
|
}, duration);
|
|
}, 50);
|
|
})
|
|
}
|
|
}
|
|
}) |