1

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "ClassworkS",
+  "name": "Classworks",
   "private": true,
   "type": "module",
   "version": "0.0.0",

src/components/AppFooter.vue

@@ -1,5 +1,5 @@
 <template>
-  <v-footer height="40" app>
+  <v-footer height="40" app v-if="mobile">
     <a
       v-for="item in items"
       :key="item.title"
@@ -9,17 +9,15 @@
       rel="noopener noreferrer"
       target="_blank"
     >
-      <v-icon
+      <v-icon :icon="item.icon" :size="item.icon === 'mdi-earth' ? 24 : 16" />
-        :icon="item.icon"
-        :size="item.icon === 'mdi-earth' ? 24 : 16"
-      />
     </a>
 
     <div
       class="text-caption text-disabled"
-      style="position: absolute; right: 16px;"
+      style="position: absolute; right: 16px"
     >
-      &copy; 2020-{{ (new Date()).getFullYear() }} <span class="d-none d-sm-inline-block">SunWuyuan</span>
+      &copy; 2020-{{ new Date().getFullYear() }}
+      <span class="d-none d-sm-inline-block">SunWuyuan</span>
       —
       <a
         class="text-decoration-none on-surface"
@@ -27,38 +25,41 @@
         rel="noopener noreferrer"
         target="_blank"
       >
-        ClassworkS
+        Classworks
       </a>
     </div>
   </v-footer>
 </template>
 
 <script setup>
-  const items = [
+import { useDisplay } from "vuetify";
-    {
+const { mobile } = useDisplay();
-      title: '孙悟远',
+
-      icon: `mdi-earth`,
+const items = [
-      href: 'https://wuyuan.dev',
+  {
-    },
+    title: "孙悟远",
-    {
+    icon: `mdi-earth`,
-      title: 'ZeroCat',
+    href: "https://wuyuan.dev",
-      icon: 'mdi-xml',
+  },
-      href: 'https://zerocat.houlangs.com',
+  {
-    },
+    title: "ZeroCat",
-    {
+    icon: "mdi-xml",
-      title: 'GitHub',
+    href: "https://zerocat.houlangs.com",
-      icon: 'mdi-github',
+  },
-      href: 'https://github.com/sunwuyuan/classworks-frontend',
+  {
-    }
+    title: "GitHub",
-  ]
+    icon: "mdi-github",
+    href: "https://github.com/sunwuyuan/classworks-frontend",
+  },
+];
 </script>
 
 <style scoped lang="sass">
-  .social-link :deep(.v-icon)
+.social-link :deep(.v-icon)
-    color: rgba(var(--v-theme-on-background), var(--v-disabled-opacity))
+  color: rgba(var(--v-theme-on-background), var(--v-disabled-opacity))
-    text-decoration: none
+  text-decoration: none
-    transition: .2s ease-in-out
+  transition: .2s ease-in-out
 
-    &:hover
+  &:hover
-      color: rgba(25, 118, 210, 1)
+    color: rgba(25, 118, 210, 1)
 </style>

src/components/settings/AboutCard.vue

@@ -13,11 +13,11 @@
           <v-avatar size="120" class="mb-4">
             <v-img
               src="https://avatars.githubusercontent.com/u/88357633?v=4"
-              alt="作者头像"
+              alt="Sunwuyuan"
             />
           </v-avatar>
 
-          <h2 class="text-h5 mb-2">ClassworkS</h2>
+          <h2 class="text-h5 mb-2">Classworks</h2>
           <p class="text-body-1 mb-4">
             由 <a
               href="https://github.com/sunwuyuan"

src/pages/index.vue

@@ -123,7 +123,29 @@
             </v-card>
           </TransitionGroup>
         </div>
-      </div>
+      </div><v-btn
+      v-if="!state.synced"
+      color="error"
+      size="large"
+      :loading="loading.upload"
+      class="ml-2"
+      @click="manualUpload"
+    >
+      上传
+    </v-btn>
+    <v-btn v-else color="success" size="large" @click="showSyncMessage">
+      同步完成 </v-btn
+    ><v-btn
+      v-if="showRandomButton"
+      color="yellow"
+      prepend-icon="mdi-account-question"
+      append-icon="mdi-dice-multiple"
+      size="large"
+      class="ml-2"
+      href="classisland://plugins/IslandCaller/Run"
+    >
+      随机点名
+    </v-btn>
     </v-container>
 
     <!-- 出勤统计区域 -->
@@ -156,7 +178,7 @@
       >
         {{ `${index + 1}. ${name}` }}
       </h3>
-      <h2>迟到: {{ state.boardData.attendance.late.length }}人</h2>
+      <h2>迟到: {{ state.boardData.attendance.late.length }}<snap>人</snap></h2>
       <h3
         v-for="(name, index) in state.boardData.attendance.late"
         :key="'late-' + index"
@@ -172,31 +194,7 @@
       </h3>
     </v-col>
   </div>
-  <v-container fluid>
+
-    <v-btn
-      v-if="!state.synced"
-      color="error"
-      size="large"
-      :loading="loading.upload"
-      class="ml-2"
-      @click="manualUpload"
-    >
-      上传
-    </v-btn>
-    <v-btn v-else color="success" size="large" @click="showSyncMessage">
-      同步完成 </v-btn
-    ><v-btn
-      v-if="showRandomButton"
-      color="yellow"
-      prepend-icon="mdi-account-question"
-      append-icon="mdi-dice-multiple"
-      size="large"
-      class="ml-2"
-      href="classisland://plugins/IslandCaller/Run"
-    >
-      随机点名
-    </v-btn>
-  </v-container>
   <v-dialog
     v-model="state.dialogVisible"
     width="500"

src/styles/index.scss

@@ -46,7 +46,7 @@
 
   /* 确保容器高度不超过视口 */
   .main-window {
-    max-height: calc(100vh - 180px);
+    max-height: calc(100vh - 80px);
     overflow-y: auto;
   }