From ca3d7c9dbfe38f920694875a7a50da2fad824ec1 Mon Sep 17 00:00:00 2001
From: Sunwuyuan <sun@wuyuan.dev>
Date: Sat, 29 Nov 2025 14:14:00 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E7=A7=BB=E5=8A=A8?=
 =?UTF-8?q?=E7=AB=AF=E8=A7=86=E5=9B=BE=EF=BC=8C=E6=B7=BB=E5=8A=A0=E7=A9=BA?=
 =?UTF-8?q?=E7=A7=91=E7=9B=AE=E6=98=BE=E7=A4=BA=E4=B8=BA=E5=8F=AF=E7=82=B9?=
 =?UTF-8?q?=E5=87=BB=E7=9A=84=E8=8A=AF=E7=89=87=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/home/HomeworkGrid.vue | 23 ++++++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

diff --git a/src/components/home/HomeworkGrid.vue b/src/components/home/HomeworkGrid.vue
index 592ac50..0f921d1 100644
--- a/src/components/home/HomeworkGrid.vue
+++ b/src/components/home/HomeworkGrid.vue
@@ -128,7 +128,23 @@
 
   <!-- 单独显示空科目 -->
   <div class="empty-subjects mt-4">
-    <template v-if="emptySubjectDisplay === 'button'">
+    <!-- 移动端优化视图 -->
+    <div v-if="isMobile" class="d-flex flex-wrap justify-center">
+      <v-chip
+        v-for="subject in unusedSubjects"
+        :key="subject.name"
+        :disabled="isEditingDisabled"
+        class="ma-1"
+        color="primary"
+        variant="tonal"
+        @click="$emit('open-dialog', subject.name)"
+      >
+        <v-icon start size="small">mdi-plus</v-icon>
+        {{ subject.name }}
+      </v-chip>
+    </div>
+
+    <template v-else-if="emptySubjectDisplay === 'button'">
       <v-btn-group divided variant="tonal">
         <v-btn
           v-for="subject in unusedSubjects"
@@ -194,6 +210,11 @@ export default {
     },
   },
   emits: ["open-dialog", "open-attendance"],
+  computed: {
+    isMobile() {
+      return this.$vuetify.display.mobile;
+    },
+  },
   methods: {
     splitPoint(content) {
       return content.split("\n").filter((text) => text.trim());