fix. slideThumbnail 컴포넌트 수정

This commit is contained in:
clkim
2025-10-20 19:30:30 +09:00
parent 9144a6ffd7
commit 1002561f3d
5 changed files with 151 additions and 20 deletions

View File

@@ -0,0 +1,58 @@
<script setup lang="ts">
import { SplideSlide } from '@splidejs/vue-splide'
import type { PageDataTemplateComponents } from '#layers/types/api/pageData'
interface Props {
components: PageDataTemplateComponents
pageVerTmplSeq: string
}
const props = defineProps<Props>()
const slideData = computed(() => {
return getComponentContainer(props.components, 'group_sets', {
maxLength: 10,
})
})
const paginationData = computed(() => {
return getComponentGroupAry(props.components, 'pagination')
})
</script>
<template>
<section class="section-container relative">
<BlocksSlideThumbnail
:slide-data="slideData"
:pagination-data="paginationData"
>
<SplideSlide v-for="(item, index) in slideData" :key="index">
<WidgetsBackground
v-if="hasComponentGroup(item, 'background')"
:resources-data="getComponentGroup(item, 'background')"
/>
<div class="section-content max-w-[1024px] mx-auto items-start">
<WidgetsSubTitle
v-if="hasComponentGroup(item, 'category')"
:resources-data="getComponentGroup(item, 'category')"
class="title-sm mb-2 line-clamp-1 text-left md:mb-5"
/>
<WidgetsMainTitle
v-if="hasComponentGroup(item, 'mainTitle')"
:resources-data="getComponentGroup(item, 'mainTitle')"
class="title-md line-clamp-1 text-left"
/>
<WidgetsSubTitle
v-if="hasComponentGroup(item, 'subTitle')"
:resources-data="getComponentGroup(item, 'subTitle')"
class="title-sm mt-1 line-clamp-1 text-left"
/>
<WidgetsDescription
v-if="hasComponentGroup(item, 'description')"
:resources-data="getComponentGroup(item, 'description')"
class="description-lg mt-2 text-left md:mt-5"
/>
</div>
</SplideSlide>
</BlocksSlideThumbnail>
</section>
</template>