From 8bce7aff0ffe956419b3e2f8398c6f8c7fda3fcd Mon Sep 17 00:00:00 2001
From: let5sne <let5sne@gmail.com>
Date: Thu, 23 Jul 2026 01:53:48 +0800
Subject: [PATCH] =?UTF-8?q?fix(mobile-uni):=20=E4=BF=AE=E5=A4=8D=20panel-h?=
 =?UTF-8?q?ead=20=E5=8F=B3=E5=AF=B9=E9=BD=90=E3=80=81=E9=9A=90=E8=97=8F=20?=
 =?UTF-8?q?scroll-view=20=E6=BB=9A=E5=8A=A8=E6=9D=A1=E5=B9=B6=E6=B6=88?=
 =?UTF-8?q?=E9=99=A4=E5=BA=95=E9=83=A8=E6=82=AC=E6=B5=AE=20Dock=20?=
 =?UTF-8?q?=E9=81=AE=E6=8C=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 mobile-uni/src/pages/user/learning/index.vue | 23 +++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

diff --git a/mobile-uni/src/pages/user/learning/index.vue b/mobile-uni/src/pages/user/learning/index.vue
index c378faed..cd67476f 100644
--- a/mobile-uni/src/pages/user/learning/index.vue
+++ b/mobile-uni/src/pages/user/learning/index.vue
@@ -1083,7 +1083,7 @@ onUnload(invalidateRequests);
 
 /* 3. Tab Content View */
 .tab-content-view {
-  padding: 0 16px;
+  padding: 0 16px 140px;
   display: flex;
   flex-direction: column;
   gap: 14px;
@@ -1096,6 +1096,14 @@ onUnload(invalidateRequests);
   box-shadow: 0 8px 24px rgba(24, 28, 36, 0.04);
 }
 
+.panel-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  margin-bottom: 10px;
+}
+
 .section-title {
   display: flex;
   align-items: center;
@@ -1103,6 +1111,8 @@ onUnload(invalidateRequests);
   color: #1a1a1a;
   font-size: 17px;
   font-weight: 800;
+  flex: 1;
+  min-width: 0;
 }
 
 .section-bar {
@@ -1110,12 +1120,14 @@ onUnload(invalidateRequests);
   height: 18px;
   border-radius: 2px;
   background: var(--employee-primary, #e60012);
+  flex: none;
 }
 
 .panel-caption {
   font-size: 11px;
   color: #9a9da3;
   font-weight: 500;
+  margin-left: 6px;
 }
 
 /* App Task Row */
@@ -1530,6 +1542,15 @@ onUnload(invalidateRequests);
   color: #ffffff;
 }
 
+/* Hide scrollbars for WebKit scroll-views */
+.chip-scroll-view ::-webkit-scrollbar,
+.topic-scroll-view ::-webkit-scrollbar {
+  display: none !important;
+  width: 0 !important;
+  height: 0 !important;
+  background: transparent !important;
+}
+
 .fold-toggle {
   display: flex;
   align-items: center;