fix. 코드 리팩토링
This commit is contained in:
@@ -13,7 +13,6 @@ onMounted(() => {
|
|||||||
|
|
||||||
const currentLayout = computed(() => getLayoutType(getPageData.value))
|
const currentLayout = computed(() => getLayoutType(getPageData.value))
|
||||||
|
|
||||||
|
|
||||||
definePageMeta({
|
definePageMeta({
|
||||||
layout: false, // 동적 레이아웃을 위해 기본 레이아웃 비활성화
|
layout: false, // 동적 레이아웃을 위해 기본 레이아웃 비활성화
|
||||||
middleware: ['inspection'],
|
middleware: ['inspection'],
|
||||||
@@ -22,6 +21,6 @@ definePageMeta({
|
|||||||
|
|
||||||
<template>
|
<template>
|
||||||
<NuxtLayout :name="currentLayout">
|
<NuxtLayout :name="currentLayout">
|
||||||
<LayoutsMain v-if="getPageData" id="page-content" :page-data="getPageData" />
|
<LayoutsMain v-if="getPageData" :page-data="getPageData" />
|
||||||
</NuxtLayout>
|
</NuxtLayout>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@@ -10,6 +10,7 @@ const props = withDefaults(defineProps<ContentParams>(), {
|
|||||||
isOutsideClose: false,
|
isOutsideClose: false,
|
||||||
contentTitle: '',
|
contentTitle: '',
|
||||||
tabActiveIndex: 0,
|
tabActiveIndex: 0,
|
||||||
|
tabInfo: () => [],
|
||||||
})
|
})
|
||||||
|
|
||||||
const modalStore = useModalStore()
|
const modalStore = useModalStore()
|
||||||
@@ -101,7 +102,7 @@ watch(isOpen, newVal => {
|
|||||||
|
|
||||||
<template v-else>
|
<template v-else>
|
||||||
<div
|
<div
|
||||||
v-dompurify-html="tabInfo[0].desc"
|
v-dompurify-html="tabInfo[0]?.desc"
|
||||||
class="content-tex use-base"
|
class="content-tex use-base"
|
||||||
/>
|
/>
|
||||||
</template>
|
</template>
|
||||||
@@ -152,13 +153,13 @@ watch(isOpen, newVal => {
|
|||||||
.content-tex {
|
.content-tex {
|
||||||
@apply overflow-y-auto mb-4 px-6 sm:mb-6 sm:px-8;
|
@apply overflow-y-auto mb-4 px-6 sm:mb-6 sm:px-8;
|
||||||
}
|
}
|
||||||
.content-tex::-webkit-scrollbar {
|
|
||||||
@apply w-[4px];
|
|
||||||
}
|
|
||||||
.content-tex::-webkit-scrollbar-track {
|
.content-tex::-webkit-scrollbar-track {
|
||||||
@apply bg-transparent;
|
@apply bg-transparent;
|
||||||
}
|
}
|
||||||
|
.content-tex::-webkit-scrollbar {
|
||||||
|
@apply w-5;
|
||||||
|
}
|
||||||
.content-tex::-webkit-scrollbar-thumb {
|
.content-tex::-webkit-scrollbar-thumb {
|
||||||
@apply bg-[#D9D9D9] rounded-full px-2;
|
@apply w-1 bg-[#D9D9D9] rounded-full bg-clip-padding border-solid border-transparent border-8;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -29,7 +29,6 @@ const getEventNavigation = async (): Promise<Record<
|
|||||||
|
|
||||||
const response = (await commonFetch('GET', apiUrl, {
|
const response = (await commonFetch('GET', apiUrl, {
|
||||||
query: queryParams,
|
query: queryParams,
|
||||||
loading: false,
|
|
||||||
})) as EventNavigationResponse | null
|
})) as EventNavigationResponse | null
|
||||||
|
|
||||||
if (response?.code === 0 && 'value' in response) {
|
if (response?.code === 0 && 'value' in response) {
|
||||||
|
|||||||
@@ -25,7 +25,7 @@ export interface ContentParams {
|
|||||||
isOutsideClose?: boolean
|
isOutsideClose?: boolean
|
||||||
modalName?: string
|
modalName?: string
|
||||||
contentTitle: string
|
contentTitle: string
|
||||||
tabInfo: {
|
tabInfo?: {
|
||||||
title: string
|
title: string
|
||||||
desc: string
|
desc: string
|
||||||
}[]
|
}[]
|
||||||
|
|||||||
Reference in New Issue
Block a user