From 305f83dfa4d6054553564a14959bb3f5716291d8 Mon Sep 17 00:00:00 2001
From: lyf <2514544224@qq.com>
Date: Thu, 9 Jul 2026 19:27:18 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E8=AE=B2=E8=A7=A3=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E5=B1=95=E7=A4=BA=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/explain/ExplainHallSelect.vue | 22 ++++++++++++++++----
 1 file changed, 18 insertions(+), 4 deletions(-)

diff --git a/src/components/explain/ExplainHallSelect.vue b/src/components/explain/ExplainHallSelect.vue
index 2f3f3b6..74969a3 100644
--- a/src/components/explain/ExplainHallSelect.vue
+++ b/src/components/explain/ExplainHallSelect.vue
@@ -10,7 +10,11 @@
 
     <scroll-view
       class="explain-scroll"
-      :class="{ 'hall-stage': stage === 'hall' }"
+      :class="{
+        'hall-stage': stage === 'hall',
+        'unit-stage': stage === 'unit',
+        'stop-stage': stage === 'stop'
+      }"
       scroll-y
       :show-scrollbar="false"
     >
@@ -344,10 +348,15 @@ const handleBack = () => {
 }
 
 .explain-scroll.hall-stage {
-  padding: 58px 12px calc(74px + env(safe-area-inset-bottom));
+  padding: 58px 12px 0;
   overflow: hidden;
 }
 
+.explain-scroll.unit-stage,
+.explain-scroll.stop-stage {
+  padding-bottom: 0;
+}
+
 .state-title,
 .state-desc,
 .hall-name,
@@ -440,6 +449,11 @@ const handleBack = () => {
   gap: 5px;
 }
 
+.explain-scroll.unit-stage .hall-list,
+.explain-scroll.stop-stage .hall-list {
+  gap: 0;
+}
+
 .hall-card {
   min-height: 96px;
   padding: 10px 11px 10px 12px;
@@ -480,8 +494,8 @@ const handleBack = () => {
 }
 
 .hall-overview-card .hall-thumb {
-  width: 48px;
-  height: 48px;
+  width: 82px;
+  height: 56px;
 }
 
 .hall-thumb-shell.is-image-loaded {