src/layout/components/Navbar.vue

@@ -14,6 +14,12 @@
         <template v-else>
           <span style="cursor: pointer">{{ currentTenantName }}</span>
         </template>
+        <el-badge :value="messageCount" :max="99" class="navbar-item" :hidden="messageCount == 0">
+          <el-icon style="margin-left: 10px;">
+            <ChatDotRound />
+          </el-icon>
+          <!-- <span style="margin-left: 10px;cursor: pointer">站内信</span> -->
+        </el-badge>
         <!-- <span style="cursor: pointer"  @click="handleShowTenantDialog">{{ currentTenantName }}</span> -->
       </div>
       <template v-if="appStore.device !== 'mobile'">
@@ -45,11 +51,11 @@
               <el-dropdown-item command="setLayout">
                 <span>布局设置</span>
               </el-dropdown-item>
-              <el-dropdown-item command="message" v-if="settingsStore.showMessage">
+              <!-- <el-dropdown-item command="message" v-if="settingsStore.showMessage">
                 <el-badge :value="messageCount" :max="99" class="item" :hidden="messageCount == 0">
                   <span>站内信</span>
                 </el-badge>
-              </el-dropdown-item>
+              </el-dropdown-item> -->
               <!-- <el-dropdown-item command="sendMessage" v-if="settingsStore.showMessage">
                 <span>发站内信</span>
               </el-dropdown-item> -->
@@ -442,3 +448,8 @@ function closeViewMessageDialog() {
   }
 }
 </style>
+<style>
+.navbar-item .el-badge__content.is-fixed {
+  top: 10px;
+}
+</style>