From 3564ebec2bbc7b5b6b51f5b6d6c1a78cbb46b612 Mon Sep 17 00:00:00 2001
From: bob <312777916@qq.com>
Date: Tue, 10 Sep 2024 11:51:52 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B6=88=E6=81=AF=E5=B1=95=E7=A4=BA=E4=B8=AD?=
 =?UTF-8?q?=E6=8A=8A=E2=80=9C=E6=9F=A5=E7=9C=8B=E6=9B=B4=E5=A4=9A=E6=B6=88?=
 =?UTF-8?q?=E6=81=AF=E2=80=9D=E7=BD=AE=E4=BA=8Eshow-box=E7=9A=84=E4=B8=8A?=
 =?UTF-8?q?=E5=B1=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/message/MessageLayout.vue | 61 +++++++++++++++--------------
 1 file changed, 31 insertions(+), 30 deletions(-)

diff --git a/src/views/message/MessageLayout.vue b/src/views/message/MessageLayout.vue
index 0d9ab2e..2bb4884 100644
--- a/src/views/message/MessageLayout.vue
+++ b/src/views/message/MessageLayout.vue
@@ -43,7 +43,7 @@ const curSessionType = ref('')
 const curObject = ref({})
 const sessionList = ref([])
 
-const isShowTopLoading = ref(false)
+const isShowTopLoading = ref(true)
 const isTopLoading = ref(false)
 const loadMoreTips = ref('查看更多消息')
 const loadCursor = computed(() => {
@@ -202,18 +202,18 @@ const testdata = ref([
           </div>
         </el-header>
         <el-main class="body">
-          <div class="show-box">
-            <div v-if="isShowTopLoading" class="top-loading">
-              <div
-                v-loading="isTopLoading"
-                :fullscreen="false"
-                class="loading-box"
-                @click="onLoadMore"
-                :style="{ cursor: loadCursor }"
-              >
-                {{ loadMoreTips }}
-              </div>
+          <div v-if="isShowTopLoading" class="top-loading">
+            <div
+              v-loading="isTopLoading"
+              :fullscreen="false"
+              class="loading-box"
+              @click="onLoadMore"
+              :style="{ cursor: loadCursor }"
+            >
+              {{ loadMoreTips }}
             </div>
+          </div>
+          <div class="show-box">
             <div class="message-main">
               <span class="no-more-message">当前无更多消息</span>
               <MessageItem
@@ -364,27 +364,20 @@ const testdata = ref([
         display: flex;
         flex-direction: column;
         overflow: hidden; // 禁用它的滚动条
+        position: relative;
 
-        .show-box {
+        .top-loading {
           width: 100%;
+          height: 30px;
+          position: absolute;
+          top: 0;
           display: flex;
-          flex: 1;
-          position: relative;
-          overflow-y: scroll; // 用它的滚动条
+          justify-content: center;
+          align-items: center;
 
-          .top-loading {
-            width: 100%;
-            height: 30px;
-            position: absolute;
-            top: 0;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-
-            .loading-box {
-              color: #409eff;
-              font-size: 14px;
-            }
+          .loading-box {
+            color: #409eff;
+            font-size: 14px;
           }
 
           :deep(.circular) {
@@ -394,11 +387,19 @@ const testdata = ref([
             top: 12px;
             left: -12px;
           }
+        }
+
+        .show-box {
+          width: 100%;
+          display: flex;
+          flex: 1;
+          overflow-y: scroll; // 用它的滚动条
 
           .message-main {
             width: 100%;
             height: 100%;
-            padding: 15px;
+            padding: 20px;
+            padding-right: 15px;
 
             .no-more-message {
               width: 100%;