From 16e71311e763f12871d486a0b4fdfe6c83a26ac7 Mon Sep 17 00:00:00 2001
From: X_Rian <904416525@qq.com>
Date: Tue, 18 Jun 2024 17:06:28 +0800
Subject: [PATCH] =?UTF-8?q?flx=EF=BC=9A=E6=B6=88=E6=81=AF=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=20=E8=B6=85=E5=87=BA=E5=86=85=E5=AE=B9=E5=8A=A0?=
 =?UTF-8?q?=E6=BB=9A=E5=8A=A8=E6=9D=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/message.vue   |  2 ++
 src/views/messageV2.vue | 36 ++++++++++++++++++++++++++++++++++--
 2 files changed, 36 insertions(+), 2 deletions(-)

diff --git a/src/views/message.vue b/src/views/message.vue
index 40f2743a..9cd443f7 100644
--- a/src/views/message.vue
+++ b/src/views/message.vue
@@ -318,6 +318,8 @@ export default {
     margin-right: 10px;
   }
   .msgBox {
+    height: 100%;
+    overflow-y: scroll;
     .title {
       font-size: 15px;
     }
diff --git a/src/views/messageV2.vue b/src/views/messageV2.vue
index 226515a6..db76b312 100644
--- a/src/views/messageV2.vue
+++ b/src/views/messageV2.vue
@@ -3,7 +3,7 @@
     <!-- :showR="true" -->
     <!-- <vhead :titleName="'消息中心'"></vhead> -->
     <div class="pageContainer">
-      <div class="pageDataContainer">
+      <div class="msgBox">
         <div class="searchBox whiteBlock">
           <el-form
             :inline="true"
@@ -283,7 +283,7 @@ export default {
   display: flex;
   align-items: center;
   height: 200px;
-  padding: 0 20px;
+  // padding: 0 20px;
   margin-bottom: 20px;
   position: relative;
   .el-icon-close {
@@ -309,6 +309,9 @@ export default {
     margin-right: 10px;
   }
   .msgBox {
+    max-height: 100%;
+    overflow-y: auto;
+    padding: 0 20px;
     .title {
       font-size: 15px;
     }
@@ -334,4 +337,33 @@ export default {
     color: #000;
   }
 }
+
+// 美化滚动条
+.msgBox::-webkit-scrollbar {
+  width: 5px;
+  height: 5px;
+}
+
+.msgBox::-webkit-scrollbar-track {
+  width: 6px;
+  background: rgba(#101F1C, 0.1);
+  -webkit-border-radius: 2em;
+  -moz-border-radius: 2em;
+  border-radius: 2em;
+}
+
+.msgBox::-webkit-scrollbar-thumb {
+  background-color: rgba(144,147,153,.5);
+  background-clip: padding-box;
+  min-height: 28px;
+  -webkit-border-radius: 2em;
+  -moz-border-radius: 2em;
+  border-radius: 2em;
+  transition: background-color .3s;
+  cursor: pointer;
+}
+
+.msgBox::-webkit-scrollbar-thumb:hover {
+  background-color: rgba(144,147,153,.3);
+}
 </style>