群组聊天的基础功能，nvue

pages/im/private/chat.nvue

@@ -6,9 +6,8 @@
                 <view class="time">
                     <text class="text">{{ customCN(item.sentTime) }}</text>
                 </view>
-                <view class="cell-item" :class="item.messageDirection == 1 ? 'right' : 'left'">
-                    <image class="avatar" :src="userInfo.portraitUrl" mode="aspectFill"
-                        @click="showUser(targetId, item.messageDirection)"></image>
+                <view class="cell-item" :class="item.messageDirection == 1 ? 'right' : 'left'">
+                    <u-avatar class="avatar" size="36" shape="square"  @click="showUser(targetId, item.messageDirection)" :src="userInfo.portraitUrl" />
                     <view class="msg">
                         <show-voice v-if="item.objectName === 'RC:HQVCMsg'" :guest="item.messageDirection == 1"
                             :msg="item.content" />
@@ -24,7 +23,7 @@
             </cell>
             <cell class="cell-footer" ref="chatBottom"></cell>
         </list>
-        <sent-message-bar :conversationType="conversationType" :targetId="targetId" @onSuccess="getMessageList()" />
+        <sent-message-bar :conversationType="conversationType" :targetId="targetId" @onSuccess="getMessageList()" />
     </view>
 </template>
 
@@ -54,7 +53,7 @@
                 }
             }
         },
-        components: {
+        components: {
             sentMessageBar,
             showVoice,
             showImage,
@@ -75,12 +74,15 @@
                 }
             })
             // 监听收到新消息，判断是否是当前会话，更新会话内容
-            uni.$on('onReceivePrivateMessage', (msg) => {
+            uni.$on('onReceiveMessage', (msg) => {
                 if (msg.targetId == this.targetId) {
                     this.getMessageList()
                 }
             })
         },
+        onBackPress() {
+            uni.$off('onReceiveMessage')
+        },
         methods: {
             customCN(val) {
                 return timeCustomCN(val)
@@ -106,12 +108,12 @@
                 })
             },
             // 滚动到底部
-            scrollBottom(type) {
-                // 清理当前会话，未读消息数量
-                RongIMLib.clearMessagesUnreadStatus(this.conversationType, this.targetId, new Date().getTime() + 1100)
-                // 发送消息已读状态给对方
-                RongIMLib.sendReadReceiptMessage(this.conversationType, this.targetId, new Date().getTime())
-                // 更新badge提醒数量
+            scrollBottom(type) {
+                // 清理当前会话，未读消息数量
+                RongIMLib.clearMessagesUnreadStatus(this.conversationType, this.targetId, new Date().getTime() + 1100)
+                // 发送消息已读状态给对方
+                RongIMLib.sendReadReceiptMessage(this.conversationType, this.targetId, new Date().getTime())
+                // 更新badge提醒数量
                 im.setNotifyBadge()
                 setTimeout(() => {
                     let el = this.$refs.chatBottom
@@ -170,13 +172,6 @@
                         }
                     }
 
-                    .avatar {
-                        width: 78rpx;
-                        height: 78rpx;
-                        background-color: white;
-                        border-radius: 10rpx;
-                    }
-
                     .msg {
                         margin: 0 20rpx;