From 607f0a7a4dee36c487c31530938fd70b6b1b8f16 Mon Sep 17 00:00:00 2001
From: tone <3341154833@qq.com>
Date: Sat, 12 Oct 2024 10:54:32 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=20=E5=89=8D=E7=AB=AFNotFound?=
 =?UTF-8?q?=E7=95=8C=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 tonecn/src/views/NotFound.vue | 43 +++++------------------------------
 1 file changed, 6 insertions(+), 37 deletions(-)

diff --git a/tonecn/src/views/NotFound.vue b/tonecn/src/views/NotFound.vue
index 81a1df8..46861b6 100644
--- a/tonecn/src/views/NotFound.vue
+++ b/tonecn/src/views/NotFound.vue
@@ -1,44 +1,13 @@
 <script setup lang='ts'>
-import { onMounted, onUnmounted, ref } from 'vue';
-const containerHeight = ref('800px');
+import { onMounted } from 'vue';
 onMounted(async () => {
     document.title = '404 不存在的页面';
-    containerHeight.value = window.innerHeight > 500 ? window.innerHeight - 90 + 'px' : '390px';
-})
-onUnmounted(() => {
-    document.title = '特恩(TONE)';
 })
 </script>
 <template>
-    <div class="bcc dark:bg-[#222]"></div>
-    <div class="content-container">
-        <el-empty id="404-notfound-el-empty" style="margin-bottom: 200px;" description="404 不存在的页面" />
+    <div class="bg-default-bg fixed inset-0 w-full h-full -z-10 dark:bg-[#222]"></div>
+    <div
+        class="flex max-w-[800px] flex-col items-center justify-center mx-auto min-h-[320px] sm:h-[calc(100vh-90px)] h-[calc(100vh-77px)]">
+        <el-empty id="404-notfound-el-empty" style="margin-bottom: 100px;" description="404 不存在的页面" />
     </div>
-</template>
-<style scoped>
-.bcc {
-    position: fixed;
-    z-index: -1;
-    background-color: #f6f8f9;
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 100%;
-}
-
-.content-container {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    max-width: 600px;
-    margin: 0px auto;
-    padding: 0 20px;
-    height: v-bind(containerHeight);
-}
-
-@media screen and (max-width: 800px) {
-  .content-container {
-    height: calc(v-bind(containerHeight) + 15px);
-  }
-}
-</style>
\ No newline at end of file
+</template>
\ No newline at end of file