From d4abeaac59cf3a8c57a96feb83f1befc961337f0 Mon Sep 17 00:00:00 2001
From: lzh <sickone075@gmail.com>
Date: Tue, 24 Mar 2026 23:08:00 +0800
Subject: [PATCH] =?UTF-8?q?fix(user):=20=E9=80=80=E5=87=BA=E7=99=BB?=
 =?UTF-8?q?=E5=BD=95=E6=8C=89=E9=92=AE=E4=B8=8D=E8=A2=AB=20tabbar=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

去掉 scroll-view + flex 布局，改用原生页面滚动 + 底部 spacer，
确保退出登录按钮在所有机型上可正常点击。

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/pages/user/index.vue | 78 +++++++++++++++++-----------------------
 1 file changed, 33 insertions(+), 45 deletions(-)

diff --git a/src/pages/user/index.vue b/src/pages/user/index.vue
index 66e0cae..c5b4c0e 100644
--- a/src/pages/user/index.vue
+++ b/src/pages/user/index.vue
@@ -58,47 +58,41 @@
       </view>
     </view>
 
-    <!-- 可滚动内容区 -->
-    <scroll-view class="min-h-0 flex-1" scroll-y scroll-with-animation>
-      <!-- 菜单区域 -->
-      <view class="mx-40rpx mt-32rpx">
-        <view class="ai-card overflow-hidden">
-          <view
-            v-for="(item, index) in menuItems"
-            :key="item.title"
-            class="menu-item flex items-center px-32rpx py-28rpx"
-            :class="{ 'border-t-2rpx border-[#FFF7ED]': index > 0 }"
-            @click="item.action"
-          >
-            <view
-              class="mr-20rpx h-72rpx w-72rpx flex items-center justify-center rounded-24rpx bg-[#FFF7ED]"
-            >
-              <wd-icon :name="item.icon" size="20px" :color="item.iconColor" />
-            </view>
-            <view class="flex-1 text-28rpx text-[#1F2937] font-600">
-              {{ item.title }}
-            </view>
-            <wd-icon name="arrow-right" size="16px" color="#D1D5DB" />
-          </view>
-        </view>
-      </view>
-
-      <!-- 退出登录 -->
-      <view class="mx-40rpx mt-32rpx">
+    <!-- 菜单区域 -->
+    <view class="mx-40rpx mt-32rpx">
+      <view class="ai-card overflow-hidden">
         <view
-          class="flex items-center justify-center rounded-48rpx bg-[#FEF2F2] py-28rpx"
-          @click="handleLogout"
+          v-for="(item, index) in menuItems"
+          :key="item.title"
+          class="menu-item flex items-center px-32rpx py-28rpx"
+          :class="{ 'border-t-2rpx border-[#FFF7ED]': index > 0 }"
+          @click="item.action"
         >
-          <text class="text-28rpx text-[#EF4444] font-bold">退出登录</text>
+          <view
+            class="mr-20rpx h-72rpx w-72rpx flex items-center justify-center rounded-24rpx bg-[#FFF7ED]"
+          >
+            <wd-icon :name="item.icon" size="20px" :color="item.iconColor" />
+          </view>
+          <view class="flex-1 text-28rpx text-[#1F2937] font-600">
+            {{ item.title }}
+          </view>
+          <wd-icon name="arrow-right" size="16px" color="#D1D5DB" />
         </view>
       </view>
+    </view>
 
-      <!-- 底部留白 -->
-      <view style="height: 32rpx;" />
-    </scroll-view>
+    <!-- 退出登录 -->
+    <view class="mx-40rpx mt-32rpx">
+      <view
+        class="flex items-center justify-center rounded-48rpx bg-[#FEF2F2] py-28rpx"
+        @click="handleLogout"
+      >
+        <text class="text-28rpx text-[#EF4444] font-bold">退出登录</text>
+      </view>
+    </view>
 
-    <!-- tabbar 占位：作为 flex 兄弟撑开空间，避免内容被 fixed tabbar 遮挡 -->
-    <view class="tabbar-placeholder" />
+    <!-- 底部留白：为 fixed tabbar + 安全区留足空间 -->
+    <view class="bottom-spacer" />
   </view>
 </template>
 
@@ -187,26 +181,20 @@ function handleLogout() {
 </script>
 
 <style lang="scss">
-/* 禁止原生页面滚动，让内部 scroll-view 接管 */
+/* 允许原生页面滚动 */
 page {
-  height: 100%;
-  overflow: hidden;
   background-color: #fffdf5;
 }
 </style>
 
 <style lang="scss" scoped>
 .page-user {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  overflow: hidden;
+  min-height: 100vh;
 }
 
-.tabbar-placeholder {
-  flex-shrink: 0;
+.bottom-spacer {
+  // 刚好比 tabbar 高一点点（tabbar 60px ≈ 120rpx）
   height: 140rpx;
-  // iOS 安全区
   padding-bottom: constant(safe-area-inset-bottom, 0px);
   padding-bottom: env(safe-area-inset-bottom, 0px);
 }