未登录首页-页面优化

mallApp/src/pages/home/recent.vue

@@ -4,7 +4,7 @@
   已登录时每次打开或回到前台都会重新请求花店列表，保证余额、休店状态与列表本身是最新的。
 -->
 <template>
-  <view class="page-container" :class="{ 'is-guest': loginStyle == 0 }">
+  <view class="page-container">
     <!-- 未登录：搜索花店 + 推荐花店 + 底部选店引导 -->
     <block v-if="loginStyle == 0">
       <no-network-bar></no-network-bar>
@@ -64,11 +64,11 @@
             <text>{{ guestSearching ? '搜索中...' : '未找到相关花店' }}</text>
           </view>
         </view>
-      </view>
 
-      <view class="guest-footer">
-        <text class="guest-login-link" @click="goLoginFromGuest">登录查看更多花店</text>
-        <button class="guest-cta-btn" @click="goLoginFromGuest">选择门店开始购花</button>
+        <view class="guest-footer">
+          <text class="guest-login-link" @click="goLoginFromGuest">登录查看更多花店</text>
+          <button class="guest-cta-btn" @click="goLoginFromGuest">选择门店开始购花</button>
+        </view>
       </view>
     </block>
 
@@ -704,11 +704,6 @@ page {
   min-height: 100vh;
   background-color: #f3f4f6;
   padding-bottom: calc(20upx + env(safe-area-inset-bottom));
-
-  &.is-guest {
-    /* 底部固定栏 + 原生 tabBar 预留，避免推荐列表被挡住 */
-    padding-bottom: calc(220upx + env(safe-area-inset-bottom));
-  }
 }
 
 // 主要内容区域
@@ -885,14 +880,8 @@ page {
 }
 
 .guest-footer {
-  position: fixed;
-  left: 0;
-  right: 0;
-  /* 压在原生 tabBar 上方 */
-  bottom: calc(100upx + env(safe-area-inset-bottom));
-  z-index: 20;
-  padding: 12upx 40upx 16upx;
-  background: linear-gradient(180deg, rgba(243, 244, 246, 0) 0%, #f3f4f6 28%, #f3f4f6 100%);
+  margin-top: 40upx;
+  padding: 8upx 16upx 24upx;
   box-sizing: border-box;
 }