/
renix
/
TravelGuide
Обзор
Документация
Войти
/
renix
/
TravelGuide
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
front/src/components/EventCard.vue
43 строки
1 KB
Dolfi-er
Таблица расписания полностью рабочая + немного поправила фон на страницах места и мест, чтобы внизу не было белой части >_<
13 мар 2025, 14:32
13 мар 2025, 14:32
17e4b8c
Код
Авторство
О чём код?
<script setup> import { defineProps } from 'vue'; import { useRouter } from 'vue-router'; const router = useRouter(); const props = defineProps({ event: { type: Object, required: true } }); // Format time object to display time (e.g., {hour: 9, minute: 23} -> "9:23") const formatTime = (timeObj) => { if (!timeObj) return ''; return `${timeObj.hour}:${timeObj.minute.toString().padStart(2, '0')}`; }; // Navigate to place detail page when card is clicked const navigateToPlace = () => { if (props.event && props.event.id) { router.push(`/place/${props.event.id}`); } }; </script> <template> <div class="p-2" @click="navigateToPlace"> <div class="h-full w-full p-2 flex flex-col justify-between rounded-lg overflow-hidden drop-shadow-[0_4px_24px_rgba(0,0,0,0.4)] cursor-pointer hover:opacity-90 transition-opacity" :class= "props.event.bg" > <div class="absolute inset-0 bg-cover bg-center z-0" :style="{ backgroundImage: `url(${event.image})` }" > <div class="text-md text-gray-100"> {{ formatTime(event.startTime) }} - {{ formatTime(event.endTime) }} </div> </div> </div> </div> </template>