fix. [PWT-94] 리스트 5개이하 좌/우 네비게이션 미노출 되도록 수정
This commit is contained in:
@@ -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"
|
||||
|
||||
@@ -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"
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user