lucky_shop/components/l-time/l-time.vue

<template>
	<text>{{ temp }}</text>
</template>

<script>
import _time_ from './time.js';
export default {
	name: 'l-time',
	props: {
		//日期字符串
		text: {
			type: [String, Number, Date],
			default: ''
		},
		//是否显示大于当前时间日期，默认false：大于显示刚刚
		maxDate: {
			type: Boolean,
			default: false
		}
	},
	data() {
		return {
			textVal: this.text
		};
	},
	watch: {
		text() {
			this.textVal = this.text;
		}
	},
	computed: {
		temp() {
			return this.getText();
		}
	},
	methods: {
		getText() {
			let self = this;
			let timeVal = _time_.getFormatTime(self.textVal, self.maxDate);
			if (timeVal && (timeVal.endsWith($lang('common.l-time.l40.t0')) || timeVal.endsWith($lang('common.l-time.l40.t1')))) {
				setTimeout(() => {
					let temp = self.textVal;
					self.textVal = '';
					self.textVal = temp;
				}, 60000);
			}
			return this.textVal ? timeVal : '';
		},
		onClick() {
			this.$emit('on-tap', this.textVal);
		}
	}
};
</script>

<style></style>