fix(ui): 修复会话列表与服务号页容器高度,避免底部显示不全

统一页面容器的高度计算方式。

为列表底部补充留白,修复滚动到底部时最后一项显示不完整的问题。
This commit is contained in:
2977094657
2026-03-28 13:17:48 +08:00
Unverified
parent 55df1fa501
commit 2b7964fefb
2 changed files with 4 additions and 4 deletions
@@ -69,7 +69,7 @@
<div v-else-if="contacts.length === 0" class="session-list-status px-3 py-2 text-sm">
暂无会话
</div>
<template v-else>
<div v-else class="pb-4">
<div v-for="contact in filteredContacts" :key="contact.id"
class="session-list-item px-3 cursor-pointer transition-colors duration-150 h-[calc(80px/var(--dpr))] flex items-center"
:class="{
@@ -118,7 +118,7 @@
</div>
</div>
</div>
</template>
</div>
</div>
</div>
+2 -2
View File
@@ -1,5 +1,5 @@
<template>
<div class="h-screen flex overflow-hidden bg-white">
<div class="h-full min-h-0 flex overflow-hidden bg-white">
<div class="flex-1 min-w-0">
<BizMessages />
</div>
@@ -13,4 +13,4 @@ import BizMessages from "../components/BizMessages.vue";
useHead({
title: '服务号消息 - WeChatDataAnalysis'
})
</script>
</script>