fix. 슬라이드 1개인데 arrow노출 이슈 수정
This commit is contained in:
@@ -49,7 +49,6 @@ const mainOptions = computed<Options>(() => ({
|
|||||||
const thumbOptions = computed<Options>(() => ({
|
const thumbOptions = computed<Options>(() => ({
|
||||||
type: 'slide',
|
type: 'slide',
|
||||||
rewind: true,
|
rewind: true,
|
||||||
// focus: 'center',
|
|
||||||
autoWidth: true,
|
autoWidth: true,
|
||||||
perMove: 1,
|
perMove: 1,
|
||||||
arrows: true,
|
arrows: true,
|
||||||
|
|||||||
@@ -20,11 +20,7 @@ export default defineNuxtRouteMiddleware(async (to, _from) => {
|
|||||||
const loadingStore = useLoadingStore()
|
const loadingStore = useLoadingStore()
|
||||||
const { getPathAfterLanguage } = usePathResolver()
|
const { getPathAfterLanguage } = usePathResolver()
|
||||||
|
|
||||||
|
const langCode = csrGetFinalLocale(to.path, gameData.value?.lang_codes)
|
||||||
const langCode = csrGetFinalLocale(
|
|
||||||
to.path,
|
|
||||||
gameData.value?.lang_codes,
|
|
||||||
)
|
|
||||||
|
|
||||||
try {
|
try {
|
||||||
if (to.path.includes('inspection')) {
|
if (to.path.includes('inspection')) {
|
||||||
@@ -33,7 +29,7 @@ export default defineNuxtRouteMiddleware(async (to, _from) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const pageUrl = getPathAfterLanguage(to.path)
|
const pageUrl = getPathAfterLanguage(to.path)
|
||||||
console.log("🚀 ~ pageUrl:", pageUrl)
|
console.log('🚀 ~ pageUrl:', pageUrl)
|
||||||
|
|
||||||
// pageUrl이 빈값이거나 null이면 /brand로 리다이렉트
|
// pageUrl이 빈값이거나 null이면 /brand로 리다이렉트
|
||||||
if (
|
if (
|
||||||
@@ -45,7 +41,6 @@ export default defineNuxtRouteMiddleware(async (to, _from) => {
|
|||||||
return navigateTo(`/${langCode}/brand`, { external: false })
|
return navigateTo(`/${langCode}/brand`, { external: false })
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
// error 페이지는 API 호출하지 않음
|
// error 페이지는 API 호출하지 않음
|
||||||
if (pageUrl === '/error' || to.path.includes('/error')) {
|
if (pageUrl === '/error' || to.path.includes('/error')) {
|
||||||
return
|
return
|
||||||
|
|||||||
@@ -135,6 +135,7 @@ const handleLoadMoreRecent = () => {
|
|||||||
class="relative content-static bg-[#fff] rounded-[12px] md:rounded-[16px]"
|
class="relative content-static bg-[#fff] rounded-[12px] md:rounded-[16px]"
|
||||||
>
|
>
|
||||||
<BlocksSlideFade
|
<BlocksSlideFade
|
||||||
|
:arrows="recommendedVideos.length > 1"
|
||||||
:pagination="false"
|
:pagination="false"
|
||||||
:drag="false"
|
:drag="false"
|
||||||
@move="handleSplideMove"
|
@move="handleSplideMove"
|
||||||
|
|||||||
@@ -36,8 +36,8 @@ const onArrowClick = direction => {
|
|||||||
<section class="section-standard">
|
<section class="section-standard">
|
||||||
<BlocksSlideFade
|
<BlocksSlideFade
|
||||||
v-if="slideData"
|
v-if="slideData"
|
||||||
:arrows="true"
|
:arrows="slideData.length > 1"
|
||||||
:pagination="true"
|
:pagination="slideData.length > 1"
|
||||||
class="h-full"
|
class="h-full"
|
||||||
:pagination-data="paginationData"
|
:pagination-data="paginationData"
|
||||||
@arrow-click="onArrowClick"
|
@arrow-click="onArrowClick"
|
||||||
|
|||||||
Reference in New Issue
Block a user