fix. 슬라이드 감도 조절

This commit is contained in:
clkim
2025-12-05 14:07:12 +09:00
parent f124faa1de
commit 52185029dc
7 changed files with 12 additions and 11 deletions

View File

@@ -43,7 +43,7 @@ const options = computed((): ResponsiveOptions => {
pagination: props.pagination && isMultipleItems.value,
autoplay: props.autoplay,
interval: props.interval,
flickPower: 400,
flickPower: 300,
classes: {
arrows: 'splide-arrows',
arrow: 'splide-arrow',

View File

@@ -42,7 +42,7 @@ const options = computed((): ResponsiveOptions => {
pagination: props.pagination && isMultipleItems.value,
autoplay: props.autoplay,
interval: props.interval,
flickPower: 400,
flickPower: 300,
classes: {
arrows: 'splide-arrows',
arrow: 'splide-arrow',

View File

@@ -58,7 +58,7 @@ const options = computed((): ResponsiveOptions => {
arrows: props.arrows,
pagination: props.pagination,
destroy: props.destroy,
flickPower: 400,
flickPower: 300,
classes: {
arrows: 'splide-arrows',
arrow: 'splide-arrow',

View File

@@ -46,7 +46,7 @@ const options = computed((): ResponsiveOptions => {
pauseOnFocus: false,
arrows: props.arrows,
pagination: props.pagination,
flickPower: 400,
flickPower: 300,
classes: {
arrows: 'splide-arrows type-full',
arrow: 'splide-arrow',

View File

@@ -61,7 +61,7 @@ const thumbOptions = computed<Options>(() => ({
pagination: false,
isNavigation: true,
updateOnMove: true,
flickPower: 400,
flickPower: 300,
classes: {
arrows: 'splide-arrows',
arrow: 'splide-arrow',

View File

@@ -154,18 +154,18 @@ const { data: rewardCompletedData } = await useAsyncData(
// Reward Images
const rewardImages = computed(() => {
const defaultList = getComponentGroupAry(props.components, 'imgAccReward')
const completeList = getComponentGroupAry(props.components, 'imgAccReward')
const incompleteList = getComponentGroupAry(
props.components,
'imgAccRewardIncomplete'
)
if (!defaultList?.length) return []
if (!completeList?.length || !incompleteList?.length) return []
return defaultList.map((defaultItem, index) => ({
id: defaultItem.id ?? `reward-${index}`,
incomplete: incompleteList?.[index] ?? null,
complete: defaultItem ?? null,
return completeList.map((completeItem, index) => ({
id: completeItem.id ?? `reward-${index}`,
incomplete: incompleteList?.[index],
complete: completeItem,
flagType: rewardCompletedData.value?.[index]?.flag_type ?? 0,
}))
})

View File

@@ -93,6 +93,7 @@ const onArrowClick = (direction, targetIndex) => {
<div class="slide-inner border-line">
<BlocksVisualContent
:resources-data="getComponentGroup(item, 'imgList')"
:alt="getComponentGroup(item, 'imgTitle')?.display?.text"
object-fit="cover"
/>
</div>