From 2860c4cbe6162c8b00929dd2b8457ba1c7ae0dac Mon Sep 17 00:00:00 2001
From: Pang <aipaw@live.cn>
Date: Tue, 9 Jan 2024 07:54:12 +0800
Subject: [PATCH] no message

---
 .../pages/manage/components/DialogWrapper.vue | 29 ++++++++++---------
 .../sass/pages/components/dialog-wrapper.scss | 20 +++++--------
 2 files changed, 24 insertions(+), 25 deletions(-)

diff --git a/resources/assets/js/pages/manage/components/DialogWrapper.vue b/resources/assets/js/pages/manage/components/DialogWrapper.vue
index 1f2bac9ae..a940e31e9 100644
--- a/resources/assets/js/pages/manage/components/DialogWrapper.vue
+++ b/resources/assets/js/pages/manage/components/DialogWrapper.vue
@@ -160,17 +160,18 @@
             </div>
         </div>
 
-        <!--跳转提示-->
-        <div v-if="positionShow && positionMsg" class="dialog-position">
-            <div class="position-label" @click="onPositionMark(positionMsg.msg_id)">
-                <Icon v-if="positionLoad > 0" type="ios-loading" class="icon-loading"></Icon>
-                <i v-else class="taskfont">&#xe624;</i>
-                {{positionMsg.label}}
-            </div>
-        </div>
-
-        <!--消息列表-->
+        <!--消息部分-->
         <div ref="msgs" class="dialog-msgs">
+            <!--定位提示-->
+            <div v-if="positionShow && positionMsg" class="dialog-position">
+                <div class="position-label" @click="onPositionMark(positionMsg.msg_id)">
+                    <Icon v-if="positionLoad > 0" type="ios-loading" class="icon-loading"></Icon>
+                    <i v-else class="taskfont">&#xe624;</i>
+                    {{positionMsg.label}}
+                </div>
+            </div>
+
+            <!--消息列表-->
             <VirtualList
                 ref="scroller"
                 class="dialog-scroller scrollbar-virtual"
@@ -765,7 +766,7 @@ export default {
             observers: [],
 
             unreadMsgId: 0,                     // 最早未读消息id
-            topPosLoad: false,                  // 置顶消息定位加载中
+            topPosLoad: false,                  // 置顶跳转加载中
             positionLoad: 0,                    // 定位跳转加载中
             positionShow: false,                // 定位跳转显示
             renderMsgNum: 0,                    // 渲染消息数量
@@ -2124,7 +2125,10 @@ export default {
             if (scroller) {
                 scroller.stopToBottom();
                 scroller.scrollToOffset(offset);
-                setTimeout(_ => scroller.scrollToOffset(offset), 10)  // 预防出现白屏的情况
+                setTimeout(_ => {
+                    scroller.scrollToOffset(offset)
+                    scroller.virtual.handleFront()
+                }, 10)  // 预防出现白屏的情况
             }
         },
 
@@ -2223,7 +2227,6 @@ export default {
                         offset -= 36
                     }
                     this.onToOffset(offset)
-                    setTimeout(_ => scroller.virtual.handleFront(), 10)
                 });
             }).catch(() => {})
         },
diff --git a/resources/assets/sass/pages/components/dialog-wrapper.scss b/resources/assets/sass/pages/components/dialog-wrapper.scss
index 3fbad98ea..598ef359d 100644
--- a/resources/assets/sass/pages/components/dialog-wrapper.scss
+++ b/resources/assets/sass/pages/components/dialog-wrapper.scss
@@ -518,12 +518,16 @@
         }
     }
 
-    .dialog-position {
+    .dialog-msgs {
+        flex: 1;
         position: relative;
+    }
+
+    .dialog-position {
+        position: absolute;
+        top: 24px;
+        right: 0;
         z-index: 2;
-        height: 1px;   // 不加高度iOS动画无效果
-        margin-bottom: -1px;
-        width: 100%;
         display: flex;
         align-items: center;
         justify-content: flex-end;
@@ -533,9 +537,6 @@
         animation-delay: 300ms;
 
         .position-label {
-            position: absolute;
-            top: 24px;
-            right: 0;
             display: flex;
             align-items: center;
             justify-content: center;
@@ -554,11 +555,6 @@
         }
     }
 
-    .dialog-msgs {
-        flex: 1;
-        position: relative;
-    }
-
     .dialog-scroller {
         position: absolute;
         top: 0;