聊天内容，文本，图片，语音消息结构优化

pages/im/components/showText.vue

@@ -1,8 +1,8 @@
 <template>
-    <view class="msg--text">
-        <text class="name" v-if="!guest && name">{{ name }}</text>
+    <view class="msg--text">
+        <view class="name" v-if="isGroup && isRemote">{{ contact(message.senderUserId).name }}</view>
         <view>
-            <text class="im--text" :class="guest ? 'right': 'left'">{{ msg.content }}</text>
+            <text class="im--text" :class="isRemote ? 'left': 'right'">{{ content }}</text>
         </view>
     </view>
 </template>
@@ -11,21 +11,30 @@
     export default {
         name: 'showText',
         props: {
-            msg: {
+            message: {
                 type: Object,
                 default: () => {
                     return {}
                 }
             },
-            name: {
-                type: String,
-                default: ''
-            },
-            guest: {
+            isGroup: {
                 type: Boolean,
-                default: true
+                default: false
             }
-        }
+        },
+        computed: {
+            isRemote() {
+                return this.message.messageDirection == 2
+            },
+            content() {
+                return this.message.content.content
+            },
+            contact() {
+                return function(targetId) {
+                    return this.$store.getters.contactInfo(targetId)
+                }
+            }
+        },
     }
 </script>