fix. [PWT-94] 리스트 5개이하 좌/우 네비게이션 미노출 되도록 수정

This commit is contained in:
clkim
2025-11-27 18:28:07 +09:00
parent 39e314b7e9
commit e0ff983fde
2 changed files with 5 additions and 2 deletions

View File

@@ -10,11 +10,13 @@ import { useSplideArrow } from '#layers/composables/useSplideArrow'
interface Props {
slideData: PageDataTemplateComponentSet[]
paginationData?: PageDataResourceGroups
arrows?: boolean
variant?: 'default' | 'media'
drag?: boolean
}
const props = withDefaults(defineProps<Props>(), {
arrows: true,
variant: 'default',
drag: true,
})
@@ -53,7 +55,7 @@ const thumbOptions = computed<Options>(() => ({
rewind: true,
autoWidth: true,
perMove: 1,
arrows: true,
arrows: props.arrows,
pagination: false,
isNavigation: true,
updateOnMove: true,
@@ -151,7 +153,7 @@ onBeforeUnmount(() => {
</Splide>
<!-- 썸네일 슬라이드 -->
<Splide
v-if="props.slideData.length > 0"
v-if="props.slideData.length > 1"
ref="thumbsRef"
:options="thumbOptions"
class="thumbnail-splide"

View File

@@ -133,6 +133,7 @@ const onArrowClick = (direction, targetIndex) => {
variant="media"
class="mt-[24px] md:mt-[32px]"
:pagination-data="paginationData"
:arrows="slideData.length > 5"
@move="stopVideo"
@arrow-click="onArrowClick"
>