From fa35237b220e98ae787d53137dfba491cd595929 Mon Sep 17 00:00:00 2001 From: Lei OT Date: Thu, 7 Mar 2024 16:44:57 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BD=8D=E7=BD=AE=E6=B6=88=E6=81=AF=E6=89=93?= =?UTF-8?q?=E5=BC=80=E9=AB=98=E5=BE=B7=E5=9C=B0=E5=9B=BE;=20style:=20stick?= =?UTF-8?q?er?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/lib/msgUtils.js | 6 +++--- src/views/Conversations/Components/MessagesList.jsx | 2 +- src/views/Conversations/Conversations.css | 12 +++++++++++- 3 files changed, 15 insertions(+), 5 deletions(-) diff --git a/src/lib/msgUtils.js b/src/lib/msgUtils.js index cee8e80..6212dd1 100644 --- a/src/lib/msgUtils.js +++ b/src/lib/msgUtils.js @@ -375,9 +375,9 @@ export const whatsappMsgTypeMapped = { type: 'location', data: (msg) => ({ id: msg.wamid, - title: msg.location.name || '位置信息', - text: msg.location.address || '位置', - src: msg.location.url || 'https://cdn.pixabay.com/photo/2016/03/22/04/23/map-1272165_1280.png', + title: `位置信息 ${msg.location.name || ''} ↓打开高德地图`, + text: msg.location.address, // 地址 + src: `https://uri.amap.com/marker?position=${msg.location.longitude},${msg.location.latitude}`, data: { longitude: msg.location?.longitude, latitude: msg.location?.latitude, diff --git a/src/views/Conversations/Components/MessagesList.jsx b/src/views/Conversations/Components/MessagesList.jsx index 5040359..cbc7ed2 100644 --- a/src/views/Conversations/Components/MessagesList.jsx +++ b/src/views/Conversations/Components/MessagesList.jsx @@ -134,7 +134,7 @@ const MessagesList = ({ reference, contactsModalOpen, setContactsModalOpen, ...p } : { replyButton: ['text', 'document', 'image'].includes(message.whatsapp_msg_type) ? true : false, - className: 'whitespace-pre-wrap', + className: ['whitespace-pre-wrap', message.whatsapp_msg_type === 'sticker' ? 'bg-transparent' : ''].join(' '), })} {...(message.type === 'meetingLink' ? { diff --git a/src/views/Conversations/Conversations.css b/src/views/Conversations/Conversations.css index 8478a44..d7efac4 100644 --- a/src/views/Conversations/Conversations.css +++ b/src/views/Conversations/Conversations.css @@ -48,8 +48,18 @@ .chatwindow-wrapper .rce-citem { background: transparent; } +.chatwindow-wrapper .bg-transparent .rce-mbox{ + background: unset; + box-shadow: none; +} +.chatwindow-wrapper .bg-transparent .rce-mbox-left-notch, +.chatwindow-wrapper .bg-transparent .rce-mbox-right-notch +{ + fill: transparent; +} .chatwindow-wrapper .rce-mbox-time-block{ - background: linear-gradient(0deg,#00000014,#0000); + /* background: linear-gradient(0deg,#00000014,#0000); */ + background: unset; color: #00000073; } .chatwindow-wrapper .rce-mbox-text .emoji-text,