From 02c8fccb30845e4c4a17a40b9430c0bb4112b014 Mon Sep 17 00:00:00 2001
From: SunWuyuan <sun@wuyuan.dev>
Date: Sat, 5 Apr 2025 14:20:28 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A1=B5=E9=9D=A2404=E6=8F=90=E9=86=92?=
 =?UTF-8?q?=EF=BC=8CQQ=E7=BE=A4=EF=BC=8C=E5=BC=80=E5=8F=91=E9=85=8D?=
 =?UTF-8?q?=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/error/404.vue          | 91 +++++++++++++++++++++++++++
 src/components/settings/AboutCard.vue | 13 +++-
 src/pages/404.vue                     |  7 +++
 vite.config.mjs                       |  2 +-
 4 files changed, 110 insertions(+), 3 deletions(-)
 create mode 100644 src/components/error/404.vue
 create mode 100644 src/pages/404.vue

diff --git a/src/components/error/404.vue b/src/components/error/404.vue
new file mode 100644
index 0000000..27ed800
--- /dev/null
+++ b/src/components/error/404.vue
@@ -0,0 +1,91 @@
+<template>
+  <v-container class="fill-height">
+    <v-responsive class="align-centerfill-height mx-auto" max-width="900">
+      <v-img class="mb-4" height="150" src="@/assets/logo.svg" />
+
+      <div class="text-center">
+        <div class="text-body-2 font-weight-light mb-n1">出现了错误</div>
+
+        <h1 class="text-h2 font-weight-bold">404</h1>
+      </div>
+
+      <div class="py-4" />
+
+      <v-row>
+        <v-col cols="12">
+          <v-card
+            class="py-4"
+            color="surface-variant"
+            prepend-icon="mdi-help"
+            rounded="lg"
+            variant="outlined"
+          >
+            <template #image>
+              <v-img position="top right" />
+            </template>
+
+            <template #title>
+              <h2 class="text-h5 font-weight-bold">为什么会出现此错误？</h2>
+            </template>
+
+            <template #subtitle>
+              <div class="text-subtitle-1">大概是页面未找到</div>
+            </template>
+
+            <v-overlay
+              opacity=".12"
+              scrim="primary"
+              contained
+              model-value
+              persistent
+            />
+          </v-card>
+        </v-col>
+
+        <v-col cols="6">
+          <v-card
+            class="py-4"
+            color="surface-variant"
+            to="/"
+            prepend-icon="mdi-home"
+            rounded="lg"
+            title="返回首页"
+            variant="text"
+          >
+            <v-overlay
+              opacity=".06"
+              scrim="primary"
+              contained
+              model-value
+              persistent
+            />
+          </v-card>
+        </v-col>
+
+        <v-col cols="6">
+          <v-card
+            class="py-4"
+            color="surface-variant"
+            @click="this.$router.back()"
+            prepend-icon="mdi-arrow-left-drop-circle"
+            rounded="lg"
+            title="返回上一页"
+            variant="text"
+          >
+            <v-overlay
+              opacity=".06"
+              scrim="primary"
+              contained
+              model-value
+              persistent
+            />
+          </v-card>
+        </v-col>
+      </v-row>
+    </v-responsive>
+  </v-container>
+</template>
+
+<script setup>
+//
+</script>
\ No newline at end of file
diff --git a/src/components/settings/AboutCard.vue b/src/components/settings/AboutCard.vue
index 15d6c4d..ed90a74 100644
--- a/src/components/settings/AboutCard.vue
+++ b/src/components/settings/AboutCard.vue
@@ -31,6 +31,15 @@
               >
                 报告问题
               </v-btn>
+              <v-btn
+                color="primary"
+                variant="tonal"
+                href="https://qm.qq.com/q/qNBX4ZZVeg"
+                target="_blank"
+                prepend-icon="mdi-qqchat"
+              >
+                QQ 群
+              </v-btn>
               <v-btn
                 variant="text"
                 href="https://github.com/ClassworksDev/Classworks"
@@ -97,7 +106,7 @@
                 append-icon="mdi-link"
               >
                 <v-list-item-title>
-                  本项目与 IslandCaller 无关
+                  本项目与 IslandCaller 没有从属关系
                 </v-list-item-title>
                 <v-list-item-subtitle>
                   IslandCaller 是由 HUSX100 开发的基于 ClassIsland
@@ -110,7 +119,7 @@
                 append-icon="mdi-link"
               >
                 <v-list-item-title>
-                  本项目与 ClassIsland 无关
+                  本项目与 ClassIsland 没有从属关系
                 </v-list-item-title>
                 <v-list-item-subtitle>
                   ClassIsland 是由 HelloWRC
diff --git a/src/pages/404.vue b/src/pages/404.vue
new file mode 100644
index 0000000..a4281d4
--- /dev/null
+++ b/src/pages/404.vue
@@ -0,0 +1,7 @@
+<template>
+  <error404 />
+</template>
+
+<script setup>
+import error404 from "@/components/error/404.vue";
+</script>
\ No newline at end of file
diff --git a/vite.config.mjs b/vite.config.mjs
index 65b8d53..e2a253c 100644
--- a/vite.config.mjs
+++ b/vite.config.mjs
@@ -24,7 +24,7 @@ export default defineConfig({
       registerType: 'autoUpdate',
       devOptions: {
         navigateFallback: 'index.html',
-        enabled: true,
+        enabled: false,
         suppressWarnings: true,
       },