fix: 前端修改：图片loading做一个适配，现在图片没加载出来会出现如下情况， 不丝滑

frontend_nuxt/pages/message-box/[id].vue

@@ -25,7 +25,7 @@
             {{ loadingMore ? '加载中...' : '查看更多消息' }}
           </div>
         </div>
-        <BaseTimeline :items="messages" hover>
+        <BaseTimeline :items="messages">
           <template #item="{ item }">
             <div class="message-header">
               <div class="user-name">
@@ -35,7 +35,7 @@
                 {{ TimeManager.format(item.createdAt) }}
               </div>
             </div>
-            <div v-if="item.replyTo" class="reply-preview">
+            <div v-if="item.replyTo" class="reply-preview info-content-text">
               <div class="reply-author">{{ item.replyTo.sender.username }}</div>
               <div class="reply-content" v-html="renderMarkdown(item.replyTo.content)"></div>
             </div>
@@ -597,10 +597,11 @@ function goBack() {
 }
 
 .reply-preview {
-  padding: 5px 10px;
+  padding: 10px;
   border-left: 5px solid var(--primary-color);
   margin-bottom: 5px;
   font-size: 13px;
+  background-color: var(--menu-selected-background-color);
 }
 
 .reply-author {

frontend_nuxt/pages/message-box/index.vue

@@ -41,7 +41,7 @@
         @click="goToConversation(convo.id)"
       >
         <div class="conversation-avatar">
-          <img
+          <BaseImage
             :src="getOtherParticipant(convo)?.avatar || '/default-avatar.svg'"
             :alt="getOtherParticipant(convo)?.username || '用户'"
             class="avatar-img"
@@ -88,7 +88,7 @@
           @click="goToChannel(ch.id)"
         >
           <div class="conversation-avatar">
-            <img
+            <BaseImage
               :src="ch.avatar || '/default-avatar.svg'"
               :alt="ch.name"
               class="avatar-img"