fix. 슬라이드 감도 조절
This commit is contained in:
@@ -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',
|
||||
|
||||
@@ -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',
|
||||
|
||||
@@ -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',
|
||||
|
||||
@@ -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',
|
||||
|
||||
@@ -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',
|
||||
|
||||
@@ -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,
|
||||
}))
|
||||
})
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user