From c56870b0d37ff3f0741b53c91cb51a54111cd8d1 Mon Sep 17 00:00:00 2001
From: lion <120344285@qq.com>
Date: Fri, 3 Mar 2023 09:50:14 +0800
Subject: [PATCH] up

---
 src/layout/components/Navbar.vue | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index 514be3f..93c9cd3 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -15,8 +15,12 @@
         :hide-on-click="false"
       >
         <div class="message-wrapper">
-          <i class="el-icon-chat-dot-square" />
-          <span>消息中心</span>
+          <el-badge :value="noticeData.length>0?noticeData.length:''" :max="99" class="item">
+            <i class="el-icon-chat-dot-square" />
+            <span>消息中心</span>
+          </el-badge>
+          <!-- <i class="el-icon-chat-dot-square" />
+          <span>消息中心</span> -->
         </div>
         <template v-slot:dropdown>
           <el-dropdown-menu class="message-dropdown">
@@ -212,7 +216,15 @@ export default {
   },
 };
 </script>
-
+<style scoped>
+  /deep/ .el-badge__content.is-fixed{
+    top:13px;
+  }
+  .el-dropdown-menu.el-popper.message-dropdown{
+      max-height:400px;
+      overflow: auto;
+  }
+</style>
 <style lang="scss" scoped>
 .navbar {
   height: 50px;