<template>
	<view class="video-item-box">
		<img :src="data.cover" />
		<view class="video-play-btn" v-if="isShowBtn"></view>
		<view class="video-mask-box">
			<p v-if="timerDate">[{{timerDate}}]</p>
			<h5>{{data.title}}</h5>
		</view>
	</view>
</template>

<script setup>
	import {
		formatDateToYearMonthDay
	} from "@/utils/common.js"
	import {
		computed
	} from "vue"

	const props = defineProps({
		data: {
			type: Object
		},
		isShowBtn: {
			type: Boolean,
			default: false,
		}
	})

	const timerDate = computed(() => {
		if (!props.data.picDate) {}
	})
</script>

<style>
</style>