gil/web-temp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix. 운영 api 수정된 구조에 맞춰 코드 수정

Browse Source
This commit is contained in:
clkim
2025-10-16 19:11:36 +09:00
parent 7b72319377
commit 2b2d33734e
9 changed files with 89 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
layers/components/blocks/slide/CenterFocus.vue
View File

@@ -125,19 +125,27 @@ const handleMoved = (
width: var(--banner-width-mo);
height: var(--banner-height-mo-active);
margin-right: var(--banner-gap-mo);
opacity: 0.5;
}
.center-highlight:deep(.splide__slide) .slide-inner {
width: var(--banner-width-mo);
height: var(--banner-height-mo);
opacity: 0.5;
}
.center-highlight:deep(.splide__slide.is-active) {
width: var(--banner-width-mo-container);
opacity: 1;
}
.center-highlight:deep(.splide__slide.is-active) .slide-inner {
width: var(--banner-width-mo-active);
height: var(--banner-height-mo-active);
opacity: 1;
transition: all 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
.center-highlight:deep(.splide__slide.is-next),
.center-highlight:deep(.splide__slide.is-prev) {
opacity: 1;
}
/* PC 스타일 */
@media (min-width: 1024px) {

38
layers/components/layouts/Header.vue
View File

@@ -212,24 +212,26 @@ onBeforeUnmount(() => {
class="hidden md:block"
/>
</BlocksHybridLink>
<div v-if="gnbItem.children" class="nav-2depth">
<ul>
<li
v-for="child in gnbItem.children"
:key="child.menu_name"
>
<BlocksHybridLink
:to="child.url_path"
:target="child.link_target"
<Transition name="fade">
<div v-if="gnbItem.children" class="nav-2depth">
<ul>
<li
v-for="child in gnbItem.children"
:key="child.menu_name"
>
<span>{{ child.menu_name }}</span>
<AtomsIconsWebLinkLine
v-if="child.link_target === '_blank'"
/>
</BlocksHybridLink>
</li>
</ul>
</div>
<BlocksHybridLink
:to="child.url_path"
:target="child.link_target"
>
<span>{{ child.menu_name }}</span>
<AtomsIconsWebLinkLine
v-if="child.link_target === '_blank'"
/>
</BlocksHybridLink>
</li>
</ul>
</div>
</Transition>
</div>
</div>
<div v-if="gnbData?.menus && overflowNam > 0" class="more">
@@ -351,7 +353,7 @@ onBeforeUnmount(() => {
.nav-area {
@apply flex flex-col w-[100vw] max-w-[360px] min-w-[320px] bg-theme-foreground-10 translate-x-[-100%]
md:inline-flex md:flex-row md:w-auto md:h-full md:pl-[40px] md:items-center md:bg-transparent md:transform-none;
md:inline-flex md:flex-row md:w-auto md:max-w-none md:h-full md:pl-[40px] md:items-center md:bg-transparent md:transform-none;
}
.nav-logo {

4
layers/components/widgets/BannerList.vue
View File

@@ -1,10 +1,10 @@
<script setup lang="ts">
import { SplideSlide } from '@splidejs/vue-splide'
import type { ListOperateGroupItem } from '#layers/types/api/resourcesData'
import type { OperateGroupItem } from '#layers/types/api/resourcesData'
import type { SlideItemSize } from '#layers/types/components/slide'
interface BannerListProps {
resourcesData: ListOperateGroupItem[]
resourcesData: OperateGroupItem[]
slideItemSize: SlideItemSize
arrows?: boolean
pagination?: boolean