localnet/localhost-front
10
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

로딩 이미지 수정

Browse Source
This commit is contained in:
dyhj625 2025-03-07 14:05:34 +09:00
parent 9698a9d441
commit 144738028d
2 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/img/icons/loading.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

16
src/views/LoadingPage.vue
View File

@ -1,8 +1,10 @@
<template> <template>
<div v-if="isLoading" class="loading-overlay"> <div v-if="isLoading" class="loading-overlay">
<div class="loading-container"> <div class="loading-container">
<div class="spinner">🐰</div> <div class="spinner">
<p class="loading-text">잠시만 기다려 주세요...</p> <img src="/img/icons/loading.png" class="loading-img" />
</div>
<p class="loading-text">LOADING...</p>
</div> </div>
</div> </div>
</template> </template>
@ -42,10 +44,15 @@
border-radius: 10px; border-radius: 10px;
} }
.loading-img {
width: 80px; /* 원하는 크기로 조정 */
height: 80px;
}
/* 빙글빙글 돌아가는 스피너 */ /* 빙글빙글 돌아가는 스피너 */
.spinner { .spinner {
font-size: 50px; font-size: 50px;
animation: spin 1.2s linear infinite; animation: spin 2.2s linear infinite;
} }
/* 로딩 텍스트 */ /* 로딩 텍스트 */
@ -53,8 +60,7 @@
margin-top: 10px; margin-top: 10px;
font-size: 18px; font-size: 18px;
font-weight: bold; font-weight: bold;
color: #555; color: #ffffff;
font-family: "Comic Sans MS", "Arial", sans-serif;
} }
/* 회전 애니메이션 */ /* 회전 애니메이션 */