消息类型解析

pages/im/index.vue

@@ -43,18 +43,7 @@
                             <view class="name">{{ friend(item.targetId).name || '未知用户' }}</view>
                             <view class="time">{{ item.sentTime|timeCustomCN }}</view>
                         </view>
-                        <view class="preview" v-if="item.objectName=='RC:TxtMsg'">
-                            {{ item.latestMessage.content || '' }}
-                        </view>
-                        <view class="preview" v-if="item.objectName=='RC:HQVCMsg'">
-                            [语音]
-                        </view>
-                        <view class="preview" v-if="item.objectName=='RC:ImgMsg'">
-                            [图片]
-                        </view>
-                        <view class="preview" v-if="item.objectName=='RC:FileMsg'">
-                            [文件]
-                        </view>
+                        <message-preview class="preview" :msg="item.latestMessage" />
                     </view>
                 </view>
                 <!-- TODO 长按的弹出框，怎么点击隐藏，没搞明白 -->
@@ -82,6 +71,7 @@
     import * as RongIMLib from "@/uni_modules/RongCloud-IMWrapper/js_sdk/index"
     import im from '@/utils/im/index.js'
     import userAuth from '@/public/userAuth'
+    import messagePreview from './components/messagePreview'
     import {
         getImToken
     } from '@/apis/interfaces/im.js'
@@ -102,6 +92,9 @@
                 pickedItem: {}
             }
         },
+        components: {
+            messagePreview
+        },
         computed: {
             friend() {
                 return function(targetId) {