语音通话类型展示

pages/im/private/chat.vue

@@ -17,6 +17,8 @@
                                 :msg="item.content" />
                             <show-text v-if="item.objectName === 'RC:TxtMsg'" :guest="item.messageDirection == 1"
                                 :msg="item.content" />
+                            <show-call v-if="item.objectName === 'RC:InfoNtf'" :guest="item.messageDirection == 1"
+                                :msg="item.content" />
                             <view class="state" v-if="item.messageDirection == 1">
                                 <text
                                     :class="item.sentStatus === 50?'state-text':'state-text-active'">{{ item.sentStatus == 50 ? '已读': '未读'}}</text>
@@ -34,13 +36,15 @@
     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'
     export default {
         components: {
             sentMessageBar,
             showVoice,
             showImage,
-            showText
+            showText,
+            showCall
         },
         data() {
             return {
@@ -119,7 +123,7 @@
                     this.conversationType,
                     this.targetId,
                     0,
-                    20,
+                    120,
                     true,
                     (messages) => {
                         this.messages = messages
@@ -147,7 +151,7 @@
             }
         }
     }
-</script>
+</script>
 
 <style scoped lang="scss">
     /* 窗口 */
@@ -189,18 +193,23 @@
 
                         &.right {
                             flex-direction: row-reverse;
+
                             .state {
                                 text-align: right;
                             }
                         }
+
                         .msg {
                             margin: 0 20rpx;
+
                             .state {
                                 padding-top: 10rpx;
+
                                 .state-text {
                                     font-size: $title-size-m - 2;
                                     color: rgba($color: $main-color, $alpha: 0.3)
                                 }
+
                                 .state-text-active {
                                     font-size: $title-size-m - 2;
                                     color: #cecece;