From 9c386f8533810670fede8a5cccb301f8c3efa5b0 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Sun, 15 Jun 2025 07:59:35 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=BAMessageCard=E7=BB=84=E4=BB=B6=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=E5=9B=BE=E7=89=87=E5=8A=A0=E8=BD=BD=E4=BA=8B=E4=BB=B6?=
 =?UTF-8?q?=EF=BC=8C=E6=9B=B4=E6=96=B0MessageView=E4=BB=A5=E5=A4=84?=
 =?UTF-8?q?=E7=90=86=E5=9B=BE=E7=89=87=E5=8A=A0=E8=BD=BD=E5=AE=8C=E6=88=90?=
 =?UTF-8?q?=E5=90=8E=E7=9A=84=E6=BB=9A=E5=8A=A8=E4=BA=8B=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/cards/MessageCard.vue | 4 ++++
 src/views/system/MessageView.vue     | 7 ++++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/cards/MessageCard.vue b/src/components/cards/MessageCard.vue
index 5899a2b8..069f904f 100644
--- a/src/components/cards/MessageCard.vue
+++ b/src/components/cards/MessageCard.vue
@@ -10,6 +10,9 @@ const props = defineProps({
   height: String,
 })
 
+// 定义事件
+const emit = defineEmits(['imageload'])
+
 // 图片是否加载完成
 const isImageLoaded = ref(false)
 
@@ -19,6 +22,7 @@ const imageLoadError = ref(false)
 // 图片加载完成
 async function imageLoaded() {
   isImageLoaded.value = true
+  emit('imageload')
 }
 
 // 链接打开新窗口
diff --git a/src/views/system/MessageView.vue b/src/views/system/MessageView.vue
index d0c5b2c0..63a04342 100644
--- a/src/views/system/MessageView.vue
+++ b/src/views/system/MessageView.vue
@@ -97,6 +97,11 @@ function compareTime(time1: string, time2: string) {
   return new Date(time1.replaceAll(/-/g, '/')).getTime() - new Date(time2.replaceAll(/-/g, '/')).getTime()
 }
 
+// 图片加载完成
+function handleImageLoad() {
+  emit('scroll')
+}
+
 onMounted(() => {
   // 组件挂载后触发一次滚动事件
   nextTick(() => {
@@ -130,7 +135,7 @@ onBeforeUnmount(() => {
         :class="msg.action == 1 ? 'flex-row align-start' : 'flex-row-reverse align-end'"
       >
         <div class="d-inline-flex flex-column" :class="msg.action == 1 ? 'align-start' : 'align-end'">
-          <MessageCard :message="msg" />
+          <MessageCard :message="msg" @imageload="handleImageLoad" />
         </div>
       </div>
     </div>