listThree.vue 594 B

123456789101112131415161718192021222324252627282930313233343536
  1. <template>
  2. <view class="video-item-box">
  3. <img :src="data.cover" />
  4. <view class="video-play-btn" v-if="isShowBtn"></view>
  5. <view class="video-mask-box">
  6. <p v-if="timerDate">[{{timerDate}}]</p>
  7. <h5>{{data.title}}</h5>
  8. </view>
  9. </view>
  10. </template>
  11. <script setup>
  12. import {
  13. formatDateToYearMonthDay
  14. } from "@/utils/common.js"
  15. import {
  16. computed
  17. } from "vue"
  18. const props = defineProps({
  19. data: {
  20. type: Object
  21. },
  22. isShowBtn: {
  23. type: Boolean,
  24. default: false,
  25. }
  26. })
  27. const timerDate = computed(() => {
  28. if (!props.data.picDate) {}
  29. })
  30. </script>
  31. <style>
  32. </style>