123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354 |
- '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
- });
- }
- }
- });
|