fix(mobile-uni): 在 Tab 视图末尾注入 90px 实体占位 Element 彻底规避底部 Dock 遮挡

mobile-uni/src/pages/user/learning/index.vue

@@ -204,6 +204,7 @@
             <text class="empty-desc">{{ mistakes.length ? '当前归因筛选下暂无错题' : '完成对练后，低分和红线回合将归集于此' }}</text>
           </view>
         </view>
+        <view class="dock-spacer" />
       </view>
 
       <!-- Tab 2: 岗位 SOP (SOP 检索 + 预习卡) -->
@@ -338,6 +339,7 @@
             <text class="empty-desc">暂无可用预习卡，可直接开启实操对练！</text>
           </view>
         </view>
+        <view class="dock-spacer" />
       </view>
 
       <!-- Tab 3: 考试与资格 (岗前任务 + 考试 + 上岗资格) -->
@@ -443,6 +445,7 @@
             <text class="empty-desc">等待 HR 或组织系统派发正式任务</text>
           </view>
         </view>
+        <view class="dock-spacer" />
       </view>
 
       <!-- 3. 原生 App 悬浮 Dock (Floating CTA Bar) -->
@@ -1565,5 +1568,11 @@ onUnload(invalidateRequests);
   font-weight: 600;
 }
 
+.dock-spacer {
+  height: 90px;
+  width: 100%;
+  flex: none;
+}
+
 .fold-toggle::after { border: none; }
 </style>