fix:会话置灰效果改动
This commit is contained in:
parent
0a3a521a32
commit
0783e4a057
|
|
@ -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);
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue