From ad2561981de44061e8783fa091fe2fe04c505c70 Mon Sep 17 00:00:00 2001
From: cat_shark <1716967236@qq.com>
Date: Sat, 23 May 2026 22:55:08 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E9=A6=96=E9=A1=B5=E6=BB=9A=E5=8A=A8?=
 =?UTF-8?q?=E6=9D=A1=E9=98=B2=E9=97=AA=E7=83=81=E4=B8=8E=E9=A2=9C=E8=89=B2?=
 =?UTF-8?q?=E6=A0=87=E6=B3=A8=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- v-if 改为容器始终渲染 + min-height，避免数据加载后布局跳动
- 颜色标注改为"学习报告"/"学习残片"，准确描述元素类型
---
 src/components/Welcome.vue | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/components/Welcome.vue b/src/components/Welcome.vue
index de84f5f..a2e2eeb 100644
--- a/src/components/Welcome.vue
+++ b/src/components/Welcome.vue
@@ -89,11 +89,15 @@ onMounted(() => {
 
 <template>
   <section class="welcome-page">
-    <div class="review-scroll-section surface-card" v-if="sessionGroups.length > 0">
-      <div class="review-scroll-header">
+    <div
+      class="review-scroll-section surface-card"
+      :class="{ 'is-empty': sessionGroups.length === 0 }"
+    >
+      <template v-if="sessionGroups.length > 0">
+        <div class="review-scroll-header">
         <span class="color-legend">
-          <span class="dot dot-report"></span> 有学习报告
-          <span class="dot dot-fragment"></span> 仅有学习残片
+          <span class="dot dot-report"></span> 学习报告
+          <span class="dot dot-fragment"></span> 学习残片
         </span>
       </div>
       <div class="review-scroll-track">
@@ -115,6 +119,7 @@ onMounted(() => {
           </span>
         </div>
       </div>
+      </template>
     </div>
 
     <div class="welcome-banner surface-card">
@@ -199,6 +204,11 @@ onMounted(() => {
 .review-scroll-section {
   padding: 14px 22px;
   overflow: hidden;
+  min-height: 90px;
+}
+
+.review-scroll-section.is-empty {
+  visibility: hidden;
 }
 
 .review-scroll-header {