lxd/FlowBL
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
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
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/layout/components/Message/src/Message.vue
View File

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