fix:会话置灰效果改动
This commit is contained in:
parent
0a3a521a32
commit
0783e4a057
|
|
@ -391,8 +391,8 @@ export default {
|
|||
/* ===== 内容内层 ===== */
|
||||
.main-content {
|
||||
/* 内边距 */
|
||||
padding: 10px;
|
||||
|
||||
/* padding: 10px; */
|
||||
padding: 10px 0 10px 0;
|
||||
/* 底部留出 TabBar 空间 + 安全区域 */
|
||||
padding-bottom: calc(50px + env(safe-area-inset-bottom) + 10px);
|
||||
|
||||
|
|
|
|||
|
|
@ -13,6 +13,7 @@
|
|||
<!-- 会话列表(人工转接) -->
|
||||
<view
|
||||
class="chat-item"
|
||||
:class="{ disabled: item.isEnd }"
|
||||
v-for="(item, index) in displayChatList"
|
||||
:key="item.id || index"
|
||||
@click="openChat(item)"
|
||||
|
|
@ -137,6 +138,7 @@ export default {
|
|||
item?.lastMessage ||
|
||||
"暂无消息",
|
||||
unreadCount: unread,
|
||||
isEnd: source?.isEnd === true,
|
||||
};
|
||||
}).filter(Boolean);
|
||||
|
||||
|
|
@ -177,6 +179,7 @@ export default {
|
|||
displayPreview:
|
||||
item?.lastMessage || item?.message || "暂无消息",
|
||||
unreadCount: unread,
|
||||
isEnd: item?.isEnd === true,
|
||||
});
|
||||
}
|
||||
});
|
||||
|
|
@ -207,6 +210,7 @@ export default {
|
|||
console.log("切换到标签页:", path, index);
|
||||
},
|
||||
async openChat(item) {
|
||||
if (item?.isEnd) return;
|
||||
if (item?.id) {
|
||||
try {
|
||||
await this.$u.api.ReadMessageApi({
|
||||
|
|
@ -354,7 +358,7 @@ export default {
|
|||
|
||||
/* ===== 内容内层 ===== */
|
||||
.main-content {
|
||||
padding: 10px;
|
||||
padding: 10px 0 10px 0;
|
||||
padding-bottom: calc(50px + env(safe-area-inset-bottom) + 10px);
|
||||
min-height: 100%;
|
||||
}
|
||||
|
|
@ -377,6 +381,11 @@ export default {
|
|||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.chat-item.disabled {
|
||||
/* opacity: 0.5; */
|
||||
background-color: #EEE;
|
||||
}
|
||||
|
||||
.chat-avatar-wrapper {
|
||||
position: relative;
|
||||
margin-right: 12px;
|
||||
|
|
|
|||
Loading…
Reference in New Issue