优化前端

web/src/components/SiteFooter.vue

@@ -1,33 +1,12 @@
 <script setup lang="ts">
-import { onMounted, ref } from 'vue'
-import http from '../api/http'
-
-interface SystemVersionResponse {
-  version: string
-}
-
-const backendVersion = ref('获取中')
 const currentYear = new Date().getFullYear()
-const frontendVersion = __APP_VERSION__
-
-onMounted(async () => {
-  try {
-    const { data } = await http.get<SystemVersionResponse>('/system/version')
-    backendVersion.value = data.version ? `v${data.version}` : '未知'
-  } catch {
-    backendVersion.value = '未知'
-  }
-})
 </script>
 
 <template>
-  <footer class="site-footer" aria-label="网站版权与版本信息">
+  <footer class="site-footer" aria-label="网站版权信息">
     <div class="site-footer-inner">
       <p>© {{ currentYear }} 明序教务 · 版权所有</p>
-      <div class="version-list" aria-label="系统版本">
-        <span>前端版本 <b>v{{ frontendVersion }}</b></span>
-        <span>后端版本 <b>{{ backendVersion }}</b></span>
-      </div>
+      <span class="footer-note">教务管理与学业服务平台</span>
     </div>
   </footer>
 </template>
@@ -61,27 +40,7 @@ onMounted(async () => {
   letter-spacing: .04em;
 }
 
-.version-list {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-
-.version-list span {
-  padding: 5px 9px;
-  border: 1px solid rgba(255, 255, 255, .14);
-  border-radius: 4px;
-  color: #aeb9d8;
-  background: rgba(255, 255, 255, .055);
-  font-size: 10px;
-  white-space: nowrap;
-}
-
-.version-list b {
-  margin-left: 5px;
-  color: #66d5c5;
-  font: 700 10px/1.2 Consolas, monospace;
-}
+.footer-note { color: #aeb9d8; font-size: 11px; }
 
 @media (max-width: 600px) {
   .site-footer-inner {
@@ -93,13 +52,6 @@ onMounted(async () => {
     gap: 7px;
   }
 
-  .version-list {
-    width: 100%;
-  }
-
-  .version-list span {
-    flex: 1;
-    text-align: center;
-  }
+  .footer-note { font-size: 10px; }
 }
 </style>