update

jwtech-admin-page/src/layout/components/Navbar.vue

@@ -29,6 +29,21 @@
         <!--          <size-select id="size-select" class="right-menu-item hover-effect" />-->
         <!--        </el-tooltip>-->
       </template>
+      <div class="funList0">
+        <el-popover
+          placement="bottom"
+          title="标题"
+          width="300"
+          trigger="click"
+        >
+<!--          <i class="el-icon-bell bell" slot="reference"></i>-->
+          <template slot="reference">
+            <i class="el-icon-bell bell">
+              <span class="badge">10</span>
+            </i>
+          </template>
+        </el-popover>
+      </div>
       <div class="funList1">
         <el-dropdown trigger="click" placement="bottom">
           <span class="CZbtn">
@@ -304,7 +319,27 @@ export default {
     // height: 100%;
     // line-height: 70px;
     // line-height: 50px;
-
+    .funList0 {
+      margin-right: 24px;
+      .bell {
+        font-size: 22px;
+        color: #fff;
+        cursor: pointer;
+        position: relative;
+        display: inline-block;
+      }
+      .badge {
+        position: absolute;
+        top: -10px; /* 根据需要调整 */
+        right: -10px; /* 根据需要调整 */
+        background-color: red;
+        color: white;
+        border-radius: 50%;
+        padding: 2px 5px;
+        font-size: 12px;
+        font-weight: bold;
+      }
+    }
     .funList1 {
       margin-right: 24px;
       // color: #fff;