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

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

Signed-off-by: lzy <7783739+lzyyd@user.noreply.gitee.com>
(cherry picked from commit c269cab6b2bf17ca0edcb9c8bc1a5b07a53a6664)

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

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