From 9f1cd4c3a776cb0cfa3c58d45f6ed0ffecd28f49 Mon Sep 17 00:00:00 2001
From: puhui999 <puhui999@163.com>
Date: Thu, 8 May 2025 17:31:14 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E5=8A=9F=E8=83=BD=E5=AE=8C=E5=96=84?=
 =?UTF-8?q?=E3=80=91=E5=AE=A2=E6=9C=8D=E5=BA=95=E9=83=A8=E5=AE=89=E5=85=A8?=
 =?UTF-8?q?=E5=8C=BA=E9=80=82=E9=85=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/chat/components/messageList.vue     |  9 ++++--
 pages/chat/components/messageListItem.vue | 38 +++++++++++------------
 2 files changed, 25 insertions(+), 22 deletions(-)

diff --git a/pages/chat/components/messageList.vue b/pages/chat/components/messageList.vue
index 84a7e69..45356de 100644
--- a/pages/chat/components/messageList.vue
+++ b/pages/chat/components/messageList.vue
@@ -21,7 +21,7 @@
 
   <!-- 底部聊天输入框 -->
   <su-fixed bottom>
-    <view v-if="showTip" class="back-top ss-flex ss-row-center ss-m-b-10" @click="scrollToTop">
+    <view v-if="showTip" class="back-top ss-flex ss-row-center ss-m-b-10" @tap="scrollToTop">
       <text class="back-top-item ss-flex ss-row-center">{{ showNewMessageTip ? '有新消息' : '回到底部' }}</text>
     </view>
     <slot name="bottom"></slot>
@@ -34,7 +34,10 @@
   import KeFuApi from '@/sheep/api/promotion/kefu';
   import { isEmpty } from '@/sheep/helper/utils';
   import { formatDate } from '@/sheep/util';
+  import sheep from '@/sheep';
 
+  const { safeAreaInsets } = sheep.$platform.device;
+  const safeAreaInsetsBottom = safeAreaInsets.bottom + 'px' // 底部安全区域
   const messageList = ref([]); // 消息列表
   const showTip = ref(false); // 显示提示
   const showNewMessageTip = ref(false); // 显示有新消息提示
@@ -164,10 +167,10 @@
   });
 </script>
 
-<style>
+<style lang="scss" scoped>
   .chat-scroll-view {
     /* 减去底部输入框的高度 */
-    height: calc(100vh - 100px);
+    height: calc(100vh - 100px - v-bind(safeAreaInsetsBottom));
     width: 100%;
     position: relative;
     background-color: #f8f8f8;
diff --git a/pages/chat/components/messageListItem.vue b/pages/chat/components/messageListItem.vue
index 4043ac9..f0210ce 100644
--- a/pages/chat/components/messageListItem.vue
+++ b/pages/chat/components/messageListItem.vue
@@ -2,25 +2,6 @@
   <view class="chat-box">
     <!--  消息渲染  -->
     <view class="message-item ss-flex-col scroll-item">
-      <view class="ss-flex ss-row-center ss-col-center">
-        <!-- 日期 -->
-        <view
-          v-if="
-            message.contentType !== KeFuMessageContentTypeEnum.SYSTEM &&
-            showTime(message, messageIndex)
-          "
-          class="date-message"
-        >
-          {{ formatDate(message.createTime) }}
-        </view>
-        <!-- 系统消息 -->
-        <view
-          v-if="message.contentType === KeFuMessageContentTypeEnum.SYSTEM"
-          class="system-message"
-        >
-          {{ message.content }}
-        </view>
-      </view>
       <!-- 消息体渲染管理员消息和用户消息并左右展示  -->
       <view
         v-if="message.contentType !== KeFuMessageContentTypeEnum.SYSTEM"
@@ -94,6 +75,25 @@
         >
         </image>
       </view>
+      <view class="ss-flex ss-row-center ss-col-center">
+        <!-- 日期 -->
+        <view
+          v-if="
+            message.contentType !== KeFuMessageContentTypeEnum.SYSTEM &&
+            showTime(message, messageIndex)
+          "
+          class="date-message"
+        >
+          {{ formatDate(message.createTime) }}
+        </view>
+        <!-- 系统消息 -->
+        <view
+          v-if="message.contentType === KeFuMessageContentTypeEnum.SYSTEM"
+          class="system-message"
+        >
+          {{ message.content }}
+        </view>
+      </view>
     </view>
   </view>
 </template>