From c03a7709c849b3e2d07e4d95ba95183d2b533804 Mon Sep 17 00:00:00 2001
From: liyy <18435186204@163.com>
Date: Fri, 4 Sep 2026 17:34:48 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=85=9C=E5=BA=95=E5=B8=83=E5=B1=80?=
 =?UTF-8?q?=E4=BF=AE=E6=AD=A3=EF=BC=88=E6=A1=8C=E9=9D=A2=E5=8E=BB=E9=87=8D?=
 =?UTF-8?q?=E5=A4=8D=E9=A1=B5=E7=AD=BE=E3=80=81=E6=8C=87=E6=A0=87=E8=A1=8C?=
 =?UTF-8?q?=E7=AD=89=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/views/plan/PlanView.vue         | 16 ++++++----------
 client/src/views/practice/PracticeView.vue |  2 +-
 2 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/client/src/views/plan/PlanView.vue b/client/src/views/plan/PlanView.vue
index ae2d386..c2ab074 100644
--- a/client/src/views/plan/PlanView.vue
+++ b/client/src/views/plan/PlanView.vue
@@ -147,7 +147,7 @@ const profileDays = computed(() => (examProfile.data.value ? daysSince(examProfi
     />
 
     <!-- ============ 移动端今日计划 ============ -->
-    <div v-else-if="isMobile && todayData" class="plan-mobile">
+    <template v-else-if="isMobile && todayData">
       <header class="plan-mobile__head">
         <h1>今日计划</h1>
         <p>{{ planMessage }}</p>
@@ -231,10 +231,10 @@ const profileDays = computed(() => (examProfile.data.value ? daysSince(examProfi
       >
         <AppButton variant="primary" @click="showCreate = true">创建今日任务</AppButton>
       </AppEmpty>
-    </div>
+    </template>
 
     <!-- ============ 桌面端备考计划 ============ -->
-    <div v-else-if="todayData" class="plan-desktop">
+    <template v-else-if="todayData">
       <AppPageHeader title="备考计划" :subtitle="`安排阶段任务，稳步推进备考进度 · 备考第 ${profileDays} 天`" sticky-mobile>
         <RouterLink class="btn-link" to="/plan/review">
           <AppIcon name="chart" :size="16" />周报复盘
@@ -317,7 +317,7 @@ const profileDays = computed(() => (examProfile.data.value ? daysSince(examProfi
           </div>
         </AppCard>
       </div>
-    </div>
+    </template>
 
     <!-- 新建任务弹层 -->
     <AppModal v-if="showCreate" title="新建计划任务" :max-width="480" @close="showCreate = false">
@@ -365,12 +365,8 @@ const profileDays = computed(() => (examProfile.data.value ? daysSince(examProfi
 
 <style scoped>
 /* 指标卡 */
-.plan-metrics {
-  display: grid;
-  grid-template-columns: repeat(4, 1fr);
-  gap: var(--card-gap-desktop);
-}
 .plan-metric {
+  flex: 1;
   background: var(--bg-card);
   border: 1px solid var(--border-subtle);
   border-radius: var(--radius-lg);
@@ -459,7 +455,7 @@ const profileDays = computed(() => (examProfile.data.value ? daysSince(examProfi
 .plan-side__list {
   display: flex;
   flex-direction: column;
-  gap: var(--space-4);
+  gap: var(--space-2);
 }
 .plan-side__date {
   margin: 0 0 var(--space-1);
diff --git a/client/src/views/practice/PracticeView.vue b/client/src/views/practice/PracticeView.vue
index 70b5638..6accb57 100644
--- a/client/src/views/practice/PracticeView.vue
+++ b/client/src/views/practice/PracticeView.vue
@@ -172,7 +172,7 @@ const subtitle = computed(() => {
     </AppPageHeader>
 
     <!-- 子 tab -->
-    <div class="practice-tabs">
+    <div class="practice-tabs" v-if="isMobile">
       <RouterLink
         v-for="t in tabs"
         :key="t.key"