add text

components/message-item/audio-message.vue

@@ -20,6 +20,8 @@
             v-else-if="fileFailed2Load"
             title="[语音加载失败]"
         ></i>
+
+        <text-message v-model="value" v-if="backend" />
     </div>
 </template>
 
@@ -27,12 +29,16 @@
     import { Component, Ref } from "vue-property-decorator";
     import BaseMessage from "./index";
     import VoiceIcon from "./voice.vue";
+    import TextMessage from "./text-message.vue";
+    import Chat from "@/customer-service/xim";
 
-    @Component({ components: { VoiceIcon } })
+    @Component({ components: { VoiceIcon, TextMessage } })
     export default class Index extends BaseMessage {
         @Ref("audio")
         private readonly audioRef!: HTMLAudioElement;
 
+        private readonly backend = Chat.isBackend();
+
         private playing = false;
 
         private get duration() {
@@ -95,6 +101,13 @@
             font-size: 16px;
         }
     }
+
+    .inline-text {
+        position: absolute;
+        bottom: 0;
+        left: 40px;
+    }
+
     .my-message {
         .voice-message {
             > div {