111

src/views/im/chat/index.vue

@@ -21,13 +21,13 @@
           <div
             class="list-item"
             :class="
-              walletStore.account == item.toUsername ? '' : 'flex-reverse'
+              isSender(item.toUsername) ? '' : 'flex-reverse'
             "
           >
             <!-- 头像 -->
             <van-image
               class="list-img"
-              :class="walletStore.account == item.toUsername ? 'mr12' : 'ml12'"
+              :class="isSender(item.toUsername) ? 'mr12' : 'ml12'"
               round
               :src="item.avatar"
               @click="router.push('personal')"
@@ -76,8 +76,8 @@
                   controls
                   style="width: 200px"
                 /> -->
-                <messageAudio  v-if="item.localUrl" :src="item.localUrl"/>
-                <messageAudio  v-else :src="IM_PATH + item.url"/>
+                <messageAudio  v-if="item.localUrl" :src="item.localUrl" :isSender="isSender(item.toUsername)"/>
+                <messageAudio  v-else :src="IM_PATH + item.url" :isSender="isSender(item.toUsername)"/>
               </div>
 
               <!-- 其他未知类型 -->
@@ -195,6 +195,10 @@ const chatListRef = ref(null);
 const emojiRef = ref(null);
 const toolsRef = ref(null);
 
+const isSender = (toUsername) => {
+  return walletStore.account === toUsername;
+};
+
 // 滚动到底部
 const scrollToBottom = () => {
   nextTick(() => {