页面404提醒，QQ群，开发配置

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>

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

src/pages/404.vue

@@ -0,0 +1,7 @@
+<template>
+  <error404 />
+</template>
+
+<script setup>
+import error404 from "@/components/error/404.vue";
+</script>

vite.config.mjs

@@ -24,7 +24,7 @@ export default defineConfig({
       registerType: 'autoUpdate',
       devOptions: {
         navigateFallback: 'index.html',
-        enabled: true,
+        enabled: false,
         suppressWarnings: true,
       },