|
|
@@ -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(() => {
|
