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

feat. 페이지 호출시 로딩 적용

Browse Source
This commit is contained in:
clkim
2025-11-13 17:47:40 +09:00
parent 0d9b5dd7ad
commit 41ae618a5f
7 changed files with 189 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
layers/components/atoms/loading/Full.vue
View File

@@ -6,8 +6,8 @@ const { fullLoading } = storeToRefs(loadingStore)
</script>
<template>
<Transition name="fade">
<div v-if="fullLoading" class="spinner-wrap">
<Transition name="fade-out">
<div v-show="fullLoading" class="spinner-wrap">
<div class="spinner"></div>
</div>
</Transition>
@@ -15,7 +15,7 @@ const { fullLoading } = storeToRefs(loadingStore)
<style scoped>
.spinner-wrap {
@apply fixed inset-0 bg-black/90 flex items-center justify-center z-[150];
@apply fixed inset-0 bg-black pt-[96px] flex items-center justify-center sm:pt-[112px] z-[150];
}
.spinner {
@apply w-[80px] h-[80px] bg-cover bg-center bg-no-repeat bg-[url('/images/common/publisning_template_loader_black.png')];