消息列表展示优化

pages/im/private/index.vue

@@ -3,10 +3,7 @@
         <scroll-view class="chat-scrool" :scroll-y="true" :scroll-into-view="scrollIntoID"
             :scroll-with-animation="false">
             <!-- 聊天窗口 -->
-            <view class="chat-item" v-for="(item,index) in messages" :key="index" :id="'chatId_'+index">
-                <view class="chat-item-time">
-                    <text>{{ item.sentTime|timeCustomCN }}</text>
-                </view>
+            <view class="chat-item" v-for="(item,index) in messages" :key="index">
                 <view class="chat-item-article" :class="item.messageDirection == 1 ? 'right' : 'left'">
                     <view class="chat-msg">
                         <view class="chat-msg-text">{{ item.content.content }}</view>
@@ -15,11 +12,14 @@
                     <view class="chat-status" :class="{'hide': item.sentStatus == 50}"
                         v-if="item.messageDirection == 1">{{ item.sentStatus == 50 ? '已读': '未读'}}</view>
                     <view class="chat-avatar">
-                        <u-avatar v-if="item.messageDirection == 2" :src="friend(targetId).portraitUrl"
+                        <u-avatar v-if="item.messageDirection == 2" bg-color="#ffffff" :src="userInfo.portraitUrl"
                             @click="showFriend(targetId)"></u-avatar>
-                        <u-avatar v-else @click="showMine" :src="$store.getters.sender.portraitUrl" />
+                        <u-avatar v-else @click="showMine" bg-color="#ffffff" :src="$store.getters.sender.portraitUrl" />
                     </view>
                 </view>
+                <view class="chat-item-time" :id="'chatId_'+index">
+                    <text>{{ item.sentTime|timeCustomCN }}</text>
+                </view>
             </view>
         </scroll-view>
 
@@ -51,7 +51,7 @@
                 }
             }
         },
-        onLoad(e) {
+        onLoad(e) {
             this.targetId = e.targetId
             this.conversationType = e.conversationType // 会话类型
             // 消息总数量