You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
54 lines
925 B
JavaScript
54 lines
925 B
JavaScript
6 months ago
|
'use strict';
|
||
|
|
|
||
|
|
var FONT_COLOR = '#fff';
|
||
|
|
var BG_COLOR = '#e64340';
|
||
|
|
|
||
|
|
Component({
|
||
|
|
properties: {
|
||
|
|
content: String,
|
||
|
|
color: {
|
||
|
|
type: String,
|
||
|
|
value: FONT_COLOR
|
||
|
|
},
|
||
|
|
backgroundColor: {
|
||
|
|
type: String,
|
||
|
|
value: BG_COLOR
|
||
|
|
},
|
||
|
|
isShow: {
|
||
|
|
type: Boolean,
|
||
|
|
value: false
|
||
|
|
},
|
||
|
|
duration: {
|
||
|
|
type: Number,
|
||
|
|
value: 3000
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
methods: {
|
||
|
|
show: function show() {
|
||
|
|
var _this = this;
|
||
|
|
|
||
|
|
var duration = this.data.duration;
|
||
|
|
|
||
|
|
|
||
|
|
this._timer && clearTimeout(this._timer);
|
||
|
|
this.setData({
|
||
|
|
isShow: true
|
||
|
|
});
|
||
|
|
|
||
|
|
if (duration > 0 && duration !== Infinity) {
|
||
|
|
this._timer = setTimeout(function () {
|
||
|
|
_this.hide();
|
||
|
|
}, duration);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
hide: function hide() {
|
||
|
|
this._timer = clearTimeout(this._timer);
|
||
|
|
|
||
|
|
this.setData({
|
||
|
|
isShow: false,
|
||
|
|
backgroundColor: BG_COLOR
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|