From 1094b3851f09a8aa186a55d7ca0aec74b629a185 Mon Sep 17 00:00:00 2001
From: Phoenix <64720302+Concur-max@users.noreply.github.com>
Date: Tue, 1 Jul 2025 12:00:16 +0800
Subject: [PATCH] =?UTF-8?q?perf(=E6=B6=88=E6=81=AF=E5=88=97=E8=A1=A8):=20?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8=E8=99=9A=E6=8B=9F=E5=88=97=E8=A1=A8=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E8=81=8A=E5=A4=A9=E4=BC=9A=E8=AF=9D=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E6=B8=B2=E6=9F=93=E6=80=A7=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

将普通列表替换为虚拟列表(n-virtual-list)，减少DOM节点数量以提升长列表的渲染性能
---
 src/views/message/inner/IndexSider.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/views/message/inner/IndexSider.vue b/src/views/message/inner/IndexSider.vue
index afa8273..19c316c 100644
--- a/src/views/message/inner/IndexSider.vue
+++ b/src/views/message/inner/IndexSider.vue
@@ -1146,8 +1146,10 @@ const handleEnterSearchResultChat = () => {
     <main id="talk-session-list" class="el-main me-scrollbar me-scrollbar-thumb">
       <template v-if="loadStatus == 2"><Skeleton /></template>
       <template v-else>
-        <TalkItem
-          v-for="item in items"
+         <n-virtual-list  :item-size="64" :items="items">
+    <template #default="{ item }">
+      <TalkItem
+  
           :key="item.index_name + item.unread_num"
           :data="item"
           :avatar="item.avatar"
@@ -1157,6 +1159,8 @@ const handleEnterSearchResultChat = () => {
           @top-talk="onToTopTalk"
           @contextmenu.prevent="onContextMenuTalk($event, item)"
         />
+    </template>
+  </n-virtual-list>
       </template>
     </main>
   </section>