aboutsummaryrefslogtreecommitdiff
path: root/src/components/Loading.svelte
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/Loading.svelte')
-rw-r--r--src/components/Loading.svelte52
1 files changed, 0 insertions, 52 deletions
diff --git a/src/components/Loading.svelte b/src/components/Loading.svelte
deleted file mode 100644
index 5fb6f9a..0000000
--- a/src/components/Loading.svelte
+++ /dev/null
@@ -1,52 +0,0 @@
-<script>
- import { isLoading } from '../control/loading';
-</script>
-
-{#if $isLoading}
- <div id="loading">
- <div class="loading-content">
- <div class="loading-spinner"></div>
- <br>
- <p>加载中...</p>
- </div>
- </div>
-{/if}
-
-
-<style>
- /* 全屏 loading 样式 */
- #loading {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background: rgba(255, 255, 255, 0.9); /* 半透明背景 */
- z-index: 9999; /* 确保在最前面 */
- display: block; /* 默认隐藏 */
- }
-
- /* loading 内容区域 */
- .loading-content {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- text-align: center;
- }
-
- /* loading 动画 */
- .loading-spinner {
- width: 50px;
- height: 50px;
- border: 5px solid #f3f3f3;
- border-top: 5px solid #3498db;
- border-radius: 50%;
- animation: spin 1s linear infinite;
- }
-
- @keyframes spin {
- 0% { transform: rotate(0deg); }
- 100% { transform: rotate(360deg); }
- }
-</style>