style

components/controller/index.ts

@@ -10,6 +10,12 @@ export function parserMessage(type: string, rawMsg: string) {
     if (type === MessageType.Image) {
         return `[图片]`;
     }
+    if (type === MessageType.Video) {
+        return `[视频]`;
+    }
+    if (type === MessageType.Voice) {
+        return `[语音]`;
+    }
     if (type === MessageType.File) {
         return `[文件]`;
     }

components/message-item/audio-message.vue

@@ -2,7 +2,6 @@
     <div
         class="msg-detail voice-message d-flex align-items-center"
         :class="{ playing: playing, 'can-play': messageRealUrl }"
-        v-if="messageType === 'voice'"
         @click.stop="play"
         :style="{ width: getVoiceMessageWidth + 'px' }"
     >
@@ -98,14 +97,14 @@
         }
     }
     .my-message {
-            .voice-message {
-                > div {
-                    flex-flow: row-reverse;
-                }
-
-                svg {
-                    transform: rotateY(180deg);
-                }
+        .voice-message {
+            > div {
+                flex-flow: row-reverse;
             }
+
+            svg {
+                transform: rotateY(180deg);
+            }
+        }
     }
 </style>