root/ludu-admin-vue3
1
0
Fork 0
Code Issues Pull Requests 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>
(cherry picked from commit c269cab6b2)
This commit is contained in:
lzy 2023-10-30 06:20:16 +00:00 committed by shizhong
parent 18cd9dde6e
commit fae715c01f
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

@ -56,7 +56,7 @@ onUnmounted(() => {
</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" />
@ -70,7 +70,7 @@ onUnmounted(() => {
</div> </div>
</div> </div>
</template> </template>
</div> </el-scrollbar>
</ElTabPane> </ElTabPane>
</ElTabs> </ElTabs>
<!-- 更多 --> <!-- 更多 -->
@ -91,6 +91,7 @@ onUnmounted(() => {
} }
.message-list { .message-list {
height: 400px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;