消息列表组件化，统一私聊和群聊样式

pages/im/private/chat.vue

@@ -4,45 +4,28 @@
         <!-- chat -->
         <view class="body">
             <view class="scroll">
-                <view class="cell" v-for="(item, index) in messages" :key="index">
-                    <view class="time">{{ item.sentTime|timeCustomCN }}</view>
-                    <view :class="['cell-item', item.messageDirection == 1 ? 'right' : 'left']">
-                        <u-avatar class="avatar" :size="avatarSize" shape="square"
-                            @click="showUser(item.senderUserId, item.messageDirection)"
-                            :src="contact(item.senderUserId).portraitUrl" />
-                        <view class="msg">
-                            <show-voice v-if="item.objectName === 'RC:HQVCMsg'" :message="item" />
-                            <show-image v-if="item.objectName === 'RC:ImgMsg'" :message="item" />
-                            <show-text v-if="item.objectName === 'RC:TxtMsg'" :message="item" />
-                            <show-call v-if="item.objectName === 'RC:InfoNtf'" :message="item" />
-                        </view>
-                    </view>
+                <view class="cell" v-for="(message, index) in messages" :key="index">
+                    <show-message-cell :message="message" />
                 </view>
             </view>
         </view>
     </view>
 </template>
+
 <script>
     import * as RongIMLib from '@/uni_modules/RongCloud-IMWrapper/js_sdk/index'
     import im from '@/utils/im/index.js'
-    import showVoice from '../components/showVoice'
-    import showImage from '../components/showImage'
-    import showText from '../components/showText'
-    import showCall from '../components/showCall'
     import sentMessageBar from '../components/sentMessageBar'
+    import showMessageCell from '../components/showMessageCell'
     import utils from '@/utils/index.js'
 
     export default {
         components: {
             sentMessageBar,
-            showVoice,
-            showImage,
-            showText,
-            showCall
+            showMessageCell
         },
         data() {
             return {
-                avatarRpx: 84,
                 targetId: '',
                 messages: [],
                 conversationType: 1,
@@ -54,9 +37,6 @@
             }
         },
         computed: {
-            avatarSize() {
-                return utils.rpx2px(this.avatarRpx)
-            },
             latestMessage() {
                 if (this.messages.length) {
                     return this.messages[0]
@@ -128,13 +108,6 @@
                         this.scrollBottom()
                     })
             },
-            // 展示好友信息,  type 1 是自己， 2 是对方
-            showUser(targetId, type) {
-                uni.navigateTo({
-                    url: type === 1 ? '/pages/im/friends/mine?targetId=' + targetId :
-                        '/pages/im/friends/info?targetId=' + targetId
-                })
-            },
             // 滚动到底部
             scrollBottom(type) {
                 if (this.latestMessage) {