1

src/layouts/components/NavBar/index.vue

@@ -37,7 +37,6 @@
         <avatar></avatar>
       </div>
       <el-popover
-        v-if="messageCount != 0"
         placement="top-start"
         width="300"
         trigger="hover"
@@ -64,7 +63,17 @@
           <div v-show="loading" v-loading="loading" class="loading"></div>
         </div>
         <template slot="reference">
-          <el-badge :value="messageCount" :class-name="'badge'">
+          <el-badge
+            v-if="messageCount != 0"
+            :value="messageCount"
+            :class-name="'badge'"
+          >
+            <div class="user">
+              <img src="~@/assets/img/DataCenter/message.png" alt />
+              消息
+            </div>
+          </el-badge>
+          <el-badge v-else :class-name="'badge'">
             <div class="user">
               <img src="~@/assets/img/DataCenter/message.png" alt />
               消息
@@ -72,12 +81,7 @@
           </el-badge>
         </template>
       </el-popover>
-      <el-badge v-else :class-name="'badge'">
-        <div class="user">
-          <img src="~@/assets/img/DataCenter/message.png" alt />
-          消息
-        </div>
-      </el-badge>
+
       <div class="user" @click="$router.push('/home')">
         <img src="~@/assets/img/DataCenter/backhome.png" alt />
         <span>返回首页</span>