fix:会话置灰效果改动

This commit is contained in:
JiXinHui 2025-12-22 08:42:00 +08:00
parent 0a3a521a32
commit 0783e4a057
2 changed files with 12 additions and 3 deletions

View File

@ -391,8 +391,8 @@ export default {
/* ===== 内容内层 ===== */ /* ===== 内容内层 ===== */
.main-content { .main-content {
/* 内边距 */ /* 内边距 */
padding: 10px; /* padding: 10px; */
padding: 10px 0 10px 0;
/* 底部留出 TabBar 空间 + 安全区域 */ /* 底部留出 TabBar 空间 + 安全区域 */
padding-bottom: calc(50px + env(safe-area-inset-bottom) + 10px); padding-bottom: calc(50px + env(safe-area-inset-bottom) + 10px);

View File

@ -13,6 +13,7 @@
<!-- 会话列表人工转接 --> <!-- 会话列表人工转接 -->
<view <view
class="chat-item" class="chat-item"
:class="{ disabled: item.isEnd }"
v-for="(item, index) in displayChatList" v-for="(item, index) in displayChatList"
:key="item.id || index" :key="item.id || index"
@click="openChat(item)" @click="openChat(item)"
@ -137,6 +138,7 @@ export default {
item?.lastMessage || item?.lastMessage ||
"暂无消息", "暂无消息",
unreadCount: unread, unreadCount: unread,
isEnd: source?.isEnd === true,
}; };
}).filter(Boolean); }).filter(Boolean);
@ -177,6 +179,7 @@ export default {
displayPreview: displayPreview:
item?.lastMessage || item?.message || "暂无消息", item?.lastMessage || item?.message || "暂无消息",
unreadCount: unread, unreadCount: unread,
isEnd: item?.isEnd === true,
}); });
} }
}); });
@ -207,6 +210,7 @@ export default {
console.log("切换到标签页:", path, index); console.log("切换到标签页:", path, index);
}, },
async openChat(item) { async openChat(item) {
if (item?.isEnd) return;
if (item?.id) { if (item?.id) {
try { try {
await this.$u.api.ReadMessageApi({ await this.$u.api.ReadMessageApi({
@ -354,7 +358,7 @@ export default {
/* ===== 内容内层 ===== */ /* ===== 内容内层 ===== */
.main-content { .main-content {
padding: 10px; padding: 10px 0 10px 0;
padding-bottom: calc(50px + env(safe-area-inset-bottom) + 10px); padding-bottom: calc(50px + env(safe-area-inset-bottom) + 10px);
min-height: 100%; min-height: 100%;
} }
@ -377,6 +381,11 @@ export default {
background-color: #f5f5f5; background-color: #f5f5f5;
} }
.chat-item.disabled {
/* opacity: 0.5; */
background-color: #EEE;
}
.chat-avatar-wrapper { .chat-avatar-wrapper {
position: relative; position: relative;
margin-right: 12px; margin-right: 12px;