chuan/WeChatDataAnalysis
1
0
Fork 0
mirror of https://github.com/LifeArchiveProject/WeChatDataAnalysis.git synced 2026-02-02 22:10:50 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(chat): 修复发送侧表情下载按钮对齐

Browse Source 
- 表情消息在发送方向使用反向布局，避免下载按钮位置错乱
- 下载按钮间距随发送/接收方向切换（mr-2/ml-2）
This commit is contained in:
2977094657
2025-12-26 21:45:16 +08:00
parent c17b056701
commit 33be55bcca
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/pages/chat/[[username]].vue
View File

@@ -367,12 +367,13 @@
<span class="wechat-voip-text">{{ message.content || '通话' }}</span> <span class="wechat-voip-text">{{ message.content || '通话' }}</span>
</div> </div>
</div> </div>
<div v-else-if="message.renderType === 'emoji'" class="max-w-sm flex items-center group"> <div v-else-if="message.renderType === 'emoji'" class="max-w-sm flex items-center group" :class="message.isSent ? 'flex-row-reverse' : ''">
<template v-if="message.emojiUrl"> <template v-if="message.emojiUrl">
<img :src="message.emojiUrl" alt="表情" class="w-24 h-24 object-contain" @contextmenu="openMediaContextMenu($event, message, 'emoji')"> <img :src="message.emojiUrl" alt="表情" class="w-24 h-24 object-contain" @contextmenu="openMediaContextMenu($event, message, 'emoji')">
<button <button
v-if="shouldShowEmojiDownload(message)" v-if="shouldShowEmojiDownload(message)"
class="ml-2 text-xs px-2 py-1 rounded bg-white border border-gray-200 text-gray-700 opacity-0 group-hover:opacity-100 transition-opacity" class="text-xs px-2 py-1 rounded bg-white border border-gray-200 text-gray-700 opacity-0 group-hover:opacity-100 transition-opacity"
:class="message.isSent ? 'mr-2' : 'ml-2'"
:disabled="!!message._emojiDownloading" :disabled="!!message._emojiDownloading"
@click.stop="onEmojiDownloadClick(message)" @click.stop="onEmojiDownloadClick(message)"
> >