update src/layout/components/Message/src/Message.vue.

fix:  处理站内信内容过多回显问题

Signed-off-by: lzy <7783739+lzyyd@user.noreply.gitee.com>
This commit is contained in:
lzy 2023-10-30 06:20:16 +00:00 committed by Gitee
parent 5d760d5450
commit c269cab6b2
No known key found for this signature in database
GPG Key ID: 173E9B9CA92EEF8F

View File

@ -53,7 +53,7 @@ onMounted(() => {
</template>
<ElTabs v-model="activeName">
<ElTabPane label="我的站内信" name="notice">
<div class="message-list">
<el-scrollbar class="message-list">
<template v-for="item in list" :key="item.id">
<div class="message-item">
<img alt="" class="message-icon" src="@/assets/imgs/avatar.gif" />
@ -67,7 +67,7 @@ onMounted(() => {
</div>
</div>
</template>
</div>
</el-scrollbar>
</ElTabPane>
</ElTabs>
<!-- 更多 -->
@ -88,6 +88,7 @@ onMounted(() => {
}
.message-list {
height: 400px;
display: flex;
flex-direction: column;