GoCo/OL-LearnPlatform-Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style：消息中心滚动样式修复

Browse Source
This commit is contained in:
yuk255 2025-09-23 16:53:12 +08:00
parent 254fb72d0d
commit 75fd712a32
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/views/teacher/message/components/NotificationMessages.vue
View File

@ -1416,7 +1416,7 @@ onMounted(() => {
<style scoped> <style scoped>
.chat-container { .chat-container {
display: flex; display: flex;
height: 100vh; height: calc(100vh - var(--top-height, 130px) - 64px - 145px);
background: #fff; background: #fff;
border-radius: 4px; border-radius: 4px;
overflow: hidden; overflow: hidden;
@ -1730,6 +1730,7 @@ onMounted(() => {
.chat-messages { .chat-messages {
flex: 1; flex: 1;
overflow-y: auto; overflow-y: auto;
overflow-x: hidden;
padding: 24px 0; padding: 24px 0;
height: 0; height: 0;
/* 强制flex子元素使用剩余空间 */ /* 强制flex子元素使用剩余空间 */