fix(mobile-uni): 修复 panel-head 右对齐、隐藏 scroll-view 滚动条并消除底部悬浮 Dock 遮挡

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;