From 9ccfe1afaeede42e5b746da99a1bbc0f14c3d969 Mon Sep 17 00:00:00 2001
From: let5sne <let5sne@gmail.com>
Date: Thu, 23 Jul 2026 02:01:03 +0800
Subject: [PATCH] =?UTF-8?q?refactor(mobile-uni):=20=E5=BD=BB=E5=BA=95?=
 =?UTF-8?q?=E7=A7=BB=E9=99=A4=E5=BA=95=E9=83=A8=E6=82=AC=E6=B5=AE=E8=83=B6?=
 =?UTF-8?q?=E5=9B=8ABar=EF=BC=8C=E6=81=A2=E5=A4=8D=E5=8E=9F=E7=94=9FApp?=
 =?UTF-8?q?=E7=BA=AF=E5=87=80=E5=8D=A1=E7=89=87=E6=B5=81=E4=B8=8E=E6=B5=81?=
 =?UTF-8?q?=E5=86=85=E5=BF=AB=E6=8D=B7=E5=8A=A8=E4=BD=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 mobile-uni/src/pages/user/learning/index.vue | 83 +++++++-------------
 1 file changed, 27 insertions(+), 56 deletions(-)

diff --git a/mobile-uni/src/pages/user/learning/index.vue b/mobile-uni/src/pages/user/learning/index.vue
index ffd1717e..b57dc8cd 100644
--- a/mobile-uni/src/pages/user/learning/index.vue
+++ b/mobile-uni/src/pages/user/learning/index.vue
@@ -331,15 +331,18 @@
               {{ showPrepDetail ? '收起 ▲' : '展开红线与推荐话术 ▼' }}
             </button>
           </view>
-          <view v-else-if="!prepLoading" class="app-empty-state">
-            <view class="empty-icon-circle circle-blue">
-              <uni-icons type="paperplane-filled" size="22" color="#2d80ff" />
-            </view>
-            <text class="empty-title">预习准备</text>
-            <text class="empty-desc">暂无可用预习卡，可直接开启实操对练！</text>
+          <!-- 流式嵌入快捷操作入口 -->
+          <view class="sop-inline-actions">
+            <button class="sop-act-btn outline" @click="askTopic(activeTopic)">
+              <uni-icons type="chatboxes" size="15" color="#1a1a1a" />
+              <text class="sop-act-text">咨询师傅</text>
+            </button>
+            <button class="sop-act-btn primary-gradient-btn" @click="goPractice">
+              <uni-icons type="paperplane-filled" size="15" color="#ffffff" />
+              <text class="sop-act-text text-white">开启实操对练</text>
+            </button>
           </view>
         </view>
-        <view class="dock-spacer" />
       </view>
 
       <!-- Tab 3: 考试与资格 (岗前任务 + 考试 + 上岗资格) -->
@@ -445,19 +448,6 @@
             <text class="empty-desc">等待 HR 或组织系统派发正式任务</text>
           </view>
         </view>
-        <view class="dock-spacer" />
-      </view>
-
-      <!-- 3. 原生 App 悬浮 Dock (Floating CTA Bar) -->
-      <view class="floating-action-dock">
-        <button class="dock-btn secondary-dock-btn" @click="askTopic(activeTopic)">
-          <uni-icons type="chatboxes-filled" size="18" color="#e60012" />
-          <text class="dock-btn-text">问师傅</text>
-        </button>
-        <button class="dock-btn primary-dock-btn" @click="goPractice">
-          <uni-icons type="paperplane-filled" size="18" color="#ffffff" />
-          <text class="dock-btn-text text-white">⚡ 练一遍</text>
-        </button>
       </view>
     </template>
   </view>
@@ -926,7 +916,7 @@ onUnload(invalidateRequests);
 
 <style scoped>
 .learning-page {
-  padding-bottom: 120px;
+  padding-bottom: 32px;
   background: #f7f8fa;
   min-height: 100vh;
 }
@@ -1086,7 +1076,7 @@ onUnload(invalidateRequests);
 
 /* 3. Tab Content View */
 .tab-content-view {
-  padding: 0 16px 140px;
+  padding: 0 16px 24px;
   display: flex;
   flex-direction: column;
   gap: 14px;
@@ -1384,60 +1374,41 @@ onUnload(invalidateRequests);
 .qualification-status.not-configured { background: #fff8e6; color: #d97706; }
 .qualification-status.blocked, .qualification-status.expired { background: #fff4f4; color: #e60012; }
 
-/* 4. Floating Action Dock */
-.floating-action-dock {
-  position: fixed;
-  bottom: 60px;
-  left: 50%;
-  transform: translateX(-50%);
-  width: calc(100% - 32px);
-  max-width: 440px;
+/* In-flow SOP Inline Actions */
+.sop-inline-actions {
   display: flex;
   align-items: center;
   gap: 10px;
-  padding: 8px;
-  background: rgba(255, 255, 255, 0.94);
-  backdrop-filter: blur(16px);
-  -webkit-backdrop-filter: blur(16px);
-  border: 1px solid rgba(0, 0, 0, 0.08);
-  border-radius: 999px;
-  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
-  z-index: 99;
+  margin-top: 16px;
+  padding-top: 14px;
+  border-top: 1px dashed #e2e8f0;
 }
 
-.dock-btn {
+.sop-act-btn {
   flex: 1;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 6px;
-  height: 44px;
-  border-radius: 999px;
+  height: 40px;
+  border-radius: 12px;
   border: none;
-  padding: 0;
-  transition: transform 0.15s ease;
+  font-size: 13px;
+  font-weight: 800;
 }
 
-.dock-btn:active {
-  transform: scale(0.97);
-}
-
-.secondary-dock-btn {
+.sop-act-btn.outline {
   background: #f1f5f9;
+  color: #1a1a1a;
 }
 
-.primary-dock-btn {
-  background: linear-gradient(135deg, #ff4d4f 0%, #e60012 100%);
-  box-shadow: 0 6px 16px rgba(230, 0, 18, 0.28);
-}
-
-.dock-btn-text {
-  font-size: 14px;
+.sop-act-text {
+  font-size: 13px;
   font-weight: 800;
   color: #1a1a1a;
 }
 
-.dock-btn-text.text-white {
+.sop-act-text.text-white {
   color: #ffffff;
 }