Add prominent deprecation warning for ClassIsland v1 migration tool

index.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>迁移到ClassIsland</title>
+    <title>迁移到ClassIsland (已废弃)</title>
 
 
     <script type="text/javascript">

src/pages/ecs.vue

@@ -1,4 +1,45 @@
 <template>
+  <!-- Deprecation Warning -->
+  <v-alert
+    type="warning"
+    variant="tonal"
+    border="start"
+    class="mb-6"
+    closable
+  >
+    <v-alert-title class="text-h6 mb-2">
+      ⚠️ 此迁移工具已废弃
+    </v-alert-title>
+
+    <div class="text-body-2 mb-3">
+      <p class="mb-1">
+        此工具仅适配 <strong>ClassIsland v1</strong>，已不再适用于 <strong>ClassIsland v2</strong>。
+      </p>
+    </div>
+
+    <div class="d-flex flex-column flex-sm-row gap-2">
+      <v-btn
+        color="primary"
+        variant="text"
+        href="https://classisland.tech/"
+        target="_blank"
+        size="small"
+        prepend-icon="mdi-open-in-new"
+      >
+        访问 ClassIsland 官网
+      </v-btn>
+
+      <v-btn
+        variant="text"
+        size="small"
+        @click="$router.push('/')"
+        prepend-icon="mdi-arrow-left"
+      >
+        返回首页
+      </v-btn>
+    </div>
+  </v-alert>
+
   <h1 class="text-h3 text-sm-h3">从Electron Class Schedule迁移</h1>
 
   <br />

src/pages/index.vue

@@ -1,24 +1,87 @@
 <template>
-  <h1 class="text-h3 text-sm-h3">欢迎使用ClassIsland迁移向导</h1>
-
-  <br />
-
-  <div v-for="(item, index) in migrateMethods" :key="index">
-    <v-card
-      :title="item.title"
-      :subtitle="item.subtitle"
-      :text="item.text"
-      @click="router.push(item.path)"
-      class="button-card"
-    ></v-card>
-  </div>
+  <!-- Deprecation Warning -->
+  <v-alert
+    type="warning"
+    variant="tonal"
+    border="start"
+    class="mb-6"
+    closable
+  >
+    <v-alert-title class="text-h5 mb-3">
+      ⚠️ 此迁移工具已废弃
+    </v-alert-title>
+
+    <div class="text-body-1 mb-4">
+      <p class="mb-2">
+        此迁移工具仅适配 <strong>ClassIsland v1</strong> 档案文件格式，已经不再适用于即将发布正式版的 <strong>ClassIsland v2</strong>。
+      </p>
+      <p class="mb-3">
+        我们建议您直接使用最新版本的 ClassIsland，或访问官方网站获取最新信息。
+      </p>
+    </div>
+
+    <div class="d-flex flex-column flex-sm-row gap-3">
+      <v-btn
+        color="primary"
+        variant="elevated"
+        :href="officialWebsite"
+        target="_blank"
+        size="large"
+        prepend-icon="mdi-open-in-new"
+      >
+        访问 ClassIsland 官网
+      </v-btn>
+
+      <v-btn
+        variant="outlined"
+        size="large"
+        @click="showLegacyContent = !showLegacyContent"
+        :prepend-icon="showLegacyContent ? 'mdi-chevron-up' : 'mdi-chevron-down'"
+      >
+        {{ showLegacyContent ? '隐藏' : '继续使用' }} v1 迁移工具
+      </v-btn>
+    </div>
+  </v-alert>
+
+  <!-- Original Content (Collapsible) -->
+  <v-expand-transition>
+    <div v-show="showLegacyContent">
+      <v-divider class="mb-4"></v-divider>
+
+      <div class="text-center mb-4">
+        <p class="text-caption text-medium-emphasis">
+          以下是原有的 ClassIsland v1 迁移功能，仅适用于旧版本档案格式
+        </p>
+      </div>
+
+      <h1 class="text-h3 text-sm-h3">欢迎使用ClassIsland迁移向导</h1>
+
+      <br />
+
+      <div v-for="(item, index) in migrateMethods" :key="index">
+        <v-card
+          :title="item.title"
+          :subtitle="item.subtitle"
+          :text="item.text"
+          @click="router.push(item.path)"
+          class="button-card"
+        ></v-card>
+      </div>
+    </div>
+  </v-expand-transition>
 </template>
 
 <script lang="ts" setup>
 import { useRouter } from 'vue-router';
+import { ref } from 'vue';
 
 const router = useRouter();
-//
+
+// Reactive state for controlling the visibility of legacy content
+const showLegacyContent = ref(false);
+
+// Official ClassIsland website URL
+const officialWebsite = 'https://classisland.tech/';
 
 const migrateMethods = [
   {
@@ -41,4 +104,14 @@ const migrateMethods = [
   cursor: pointer;
   margin-bottom: 20px;
 }
+
+/* Ensure the alert has proper spacing and visibility */
+.v-alert {
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+}
+
+/* Make the deprecated content less prominent */
+.v-expand-transition {
+  opacity: 0.85;
+}
 </style>

src/pages/zztek.vue

@@ -1,4 +1,45 @@
 <template>
+  <!-- Deprecation Warning -->
+  <v-alert
+    type="warning"
+    variant="tonal"
+    border="start"
+    class="mb-6"
+    closable
+  >
+    <v-alert-title class="text-h6 mb-2">
+      ⚠️ 此迁移工具已废弃
+    </v-alert-title>
+
+    <div class="text-body-2 mb-3">
+      <p class="mb-1">
+        此工具仅适配 <strong>ClassIsland v1</strong>，已不再适用于 <strong>ClassIsland v2</strong>。
+      </p>
+    </div>
+
+    <div class="d-flex flex-column flex-sm-row gap-2">
+      <v-btn
+        color="primary"
+        variant="text"
+        href="https://classisland.tech/"
+        target="_blank"
+        size="small"
+        prepend-icon="mdi-open-in-new"
+      >
+        访问 ClassIsland 官网
+      </v-btn>
+
+      <v-btn
+        variant="text"
+        size="small"
+        @click="$router.push('/')"
+        prepend-icon="mdi-arrow-left"
+      >
+        返回首页
+      </v-btn>
+    </div>
+  </v-alert>
+
   <h1 class="text-h3 text-sm-h3">从ZongziTEK黑板贴迁移</h1>
 
   <br />