diff --git a/pages/chat/components/messageList.vue b/pages/chat/components/messageList.vue
index 3e5719a6..d08fd838 100644
--- a/pages/chat/components/messageList.vue
+++ b/pages/chat/components/messageList.vue
@@ -5,6 +5,10 @@
             safe-area-inset-bottom bottom-bg-color="#f8f8f8" :back-to-top-style="backToTopStyle"
             :auto-show-back-to-top="showNewMessageTip" @backToTopClick="onBackToTopClick"
             @scrolltoupper="onScrollToUpper" @query="queryList">
+    <template #top>
+      <!-- 撑一下顶部导航 -->
+      <view style="height: 45px"></view>
+    </template>
     <!-- style="transform: scaleY(-1)"必须写，否则会导致列表倒置！！！ -->
     <!-- 注意不要直接在chat-item组件标签上设置style，因为在微信小程序中是无效的，请包一层view -->
     <template #cell="{item,index}">
diff --git a/pages/chat/index.vue b/pages/chat/index.vue
index 851704b0..5b20a618 100644
--- a/pages/chat/index.vue
+++ b/pages/chat/index.vue
@@ -166,8 +166,7 @@
       position: absolute;
       top: 0;
       left: 0;
-      background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
-      background-size: 750rpx 100%;
+      background-color: var(--ui-BG-Main);
       z-index: 1;
     }