From 438c65e0cc9a5388db277aff25151527929abb6f Mon Sep 17 00:00:00 2001
From: CaptainB <bin@fit2cloud.com>
Date: Thu, 4 Nov 2021 18:00:48 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20--bug=3D1007740=20--user=3D=E5=88=98?=
 =?UTF-8?q?=E7=91=9E=E6=96=8C=20=E3=80=90=E6=B6=88=E6=81=AF=E4=B8=AD?=
 =?UTF-8?q?=E5=BF=83=E3=80=91=E6=B6=88=E6=81=AF=E4=B8=AD=E5=BF=83=E9=80=89?=
 =?UTF-8?q?=E6=8B=A9=E9=A1=B5=E7=A0=81=E7=9A=84=E4=B8=8B=E6=8B=89=E6=A1=86?=
 =?UTF-8?q?=E5=BB=BA=E8=AE=AE=E5=9B=BA=E5=AE=9A=E5=A4=A7=E5=B0=8F=20https:?=
 =?UTF-8?q?//www.tapd.cn/55049933/s/1064398?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../notice/components/MentionedMeData.vue     | 30 +++++++++++++++++-
 .../notice/components/SystemNoticeData.vue    | 31 ++++++++++++++++++-
 2 files changed, 59 insertions(+), 2 deletions(-)

diff --git a/frontend/src/business/components/notice/components/MentionedMeData.vue b/frontend/src/business/components/notice/components/MentionedMeData.vue
index 9518d946e5..0b286b5481 100644
--- a/frontend/src/business/components/notice/components/MentionedMeData.vue
+++ b/frontend/src/business/components/notice/components/MentionedMeData.vue
@@ -8,7 +8,9 @@
         </span>
         <span v-else class="el-dropdown-link">0/0</span>
         <el-dropdown-menu slot="dropdown">
-          <el-dropdown-item v-for="i in totalPage" :key="i" :command="i">{{ i }}</el-dropdown-item>
+          <div class="dropdown-content">
+            <el-dropdown-item v-for="i in totalPage" :key="i" :command="i">{{ i }}</el-dropdown-item>
+          </div>
         </el-dropdown-menu>
       </el-dropdown>
       <el-button icon="el-icon-arrow-left" size="mini" :disabled="goPage === 1" @click="prevPage"/>
@@ -186,4 +188,30 @@ export default {
   font-size: 14px;
 }
 
+.dropdown-content {
+  max-height: 240px;
+  overflow: auto;
+  /*margin-top: 5px;*/
+}
+
+/* 设置滚动条的样式 */
+.dropdown-content::-webkit-scrollbar {
+  width: 8px;
+}
+
+/* 滚动槽 */
+.dropdown-content::-webkit-scrollbar-track {
+  border-radius: 10px;
+}
+
+/* 滚动条滑块 */
+.dropdown-content::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  background: rgba(0, 0, 0, 0.2);
+}
+
+.dropdown-content::-webkit-scrollbar-thumb:window-inactive {
+  background: rgba(255, 0, 0, 0.4);
+}
+
 </style>
diff --git a/frontend/src/business/components/notice/components/SystemNoticeData.vue b/frontend/src/business/components/notice/components/SystemNoticeData.vue
index 882402067c..c428b706f0 100644
--- a/frontend/src/business/components/notice/components/SystemNoticeData.vue
+++ b/frontend/src/business/components/notice/components/SystemNoticeData.vue
@@ -8,7 +8,9 @@
         </span>
         <span v-else class="el-dropdown-link">0/0</span>
         <el-dropdown-menu slot="dropdown">
-          <el-dropdown-item v-for="i in totalPage" :key="i" :command="i">{{ i }}</el-dropdown-item>
+          <div class="dropdown-content">
+            <el-dropdown-item v-for="i in totalPage" :key="i" :command="i">{{ i }}</el-dropdown-item>
+          </div>
         </el-dropdown-menu>
       </el-dropdown>
       <el-button icon="el-icon-arrow-left" size="mini" :disabled="goPage === 1" @click="prevPage"/>
@@ -184,4 +186,31 @@ export default {
   border-radius: 30px;
   font-size: 14px;
 }
+
+.dropdown-content {
+  max-height: 240px;
+  overflow: auto;
+  /*margin-top: 5px;*/
+}
+
+/* 设置滚动条的样式 */
+.dropdown-content::-webkit-scrollbar {
+  width: 8px;
+}
+
+/* 滚动槽 */
+.dropdown-content::-webkit-scrollbar-track {
+  border-radius: 10px;
+}
+
+/* 滚动条滑块 */
+.dropdown-content::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  background: rgba(0, 0, 0, 0.2);
+}
+
+.dropdown-content::-webkit-scrollbar-thumb:window-inactive {
+  background: rgba(255, 0, 0, 0.4);
+}
+
 </style>