From 904b1aa83abfdf2aa54a978fbc8ced8159665fdd Mon Sep 17 00:00:00 2001
From: liutong <836164388@qq.com>
Date: Thu, 29 May 2025 14:46:27 +0800
Subject: [PATCH] =?UTF-8?q?style(im=5Fchat=5Finfo):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E6=B6=88=E6=81=AF=E5=88=97=E8=A1=A8=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 调整了消息列表中左右消息框的样式
- 统一了消息类型为文本时的背景颜色- 优化了代码结构，提高了可读性
---
 pages/common/im_chat_info.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/pages/common/im_chat_info.vue b/pages/common/im_chat_info.vue
index 33c8918..12d034b 100644
--- a/pages/common/im_chat_info.vue
+++ b/pages/common/im_chat_info.vue
@@ -15,7 +15,7 @@
             <view class="time_section" v-if="v.created_at">{{v.created_at}}</view>
 
             <view class="li" v-if="v.direction == `left`">
-              <view class="item left_item" :style="v.message_type == 'text' ? { backgroundColor: '#f4f6f9' } : {}">
+              <view class="item left_item" :style="{ backgroundColor: v.message_type === 'text' ? '#f4f6f9' : '' }">
                 <!--文本内容-->
                 <view class="text_box" v-if="v.message_type == 'text'">{{v.content}}</view>
                 <!-- 图片内容 -->
@@ -28,7 +28,7 @@
 
             <view class="li" v-if="v.direction == `right`">
               <view class="item"></view>
-              <view class="item right_item" :style="v.message_type == 'text' ? { backgroundColor: '#1684fc' } : {}">
+              <view class="item right_item" :style="{ backgroundColor: v.message_type === 'text' ? '#1684fc' : '' }">
                 <view class="text_box" v-if="v.message_type == 'text'">{{v.content}}</view>
                 <!-- 图片内容 -->
                 <view class="img_box" v-if="v.message_type == 'img'" @click="previewImage(v.content)">
@@ -40,6 +40,7 @@
         </view>
       </scroll-view>
     </view>
+
     <view class="input_section">
       <view class="left_box">
         <input class="input" v-model="formData.content" type="text" placeholder="请输入">