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

Merge pull request !299 from lzy/N/A
This commit is contained in:
芋道源码 2023-11-04 02:44:57 +00:00 committed by Gitee
commit 71e6d51c12
No known key found for this signature in database
GPG Key ID: 173E9B9CA92EEF8F

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;