Browse Source

右下角气泡为0消息为空时不显示

whao 1 year ago
parent
commit
8f85455608
1 changed files with 4 additions and 4 deletions
  1. 4 4
      src/components/vBottomMenu.vue

+ 4 - 4
src/components/vBottomMenu.vue

@@ -116,7 +116,7 @@
       </div>
     </div>
     <div class="btm-right">
-      <el-popover placement="top" trigger="click">
+      <el-popover placement="top" trigger="click" :disabled="taskCount==0">
         <div class="btm-r-pop-info">
           <div class="btm-r-pop-info-box" v-for="(item,index) in taskList">
             <div class="btm-r-pop-info-tit">
@@ -157,11 +157,11 @@
             </div>
           </div>
         </div>
-        <el-badge :value="taskCount" slot="reference">
+        <el-badge :value="taskCount" slot="reference" :hidden="taskCount==0">
           <el-button size="small" icon="el-icon-bank-card">任务</el-button>
         </el-badge>
       </el-popover>
-      <el-popover placement="top" trigger="click">
+      <el-popover placement="top" trigger="click" :disabled="messageCount==0">
         <div class="btm-r-pop-info">
           <div class="btm-r-pop-info-box" v-for="(item,index) in messageList">
             <div class="btm-r-pop-info-con">
@@ -175,7 +175,7 @@
             </div>
           </div>
         </div>
-        <el-badge :value="messageCount" slot="reference">
+        <el-badge :value="messageCount" slot="reference" :hidden="messageCount==0">
           <el-button size="small" icon="el-icon-chat-line-round">消息</el-button>
         </el-badge>
       </el-popover>