添加badge

src/views/cameras/overview/CamerasOverview.vue

@@ -24,8 +24,11 @@
       >
         <template #tableTitle>
           <el-button type="primary" :icon="Plus" @click="showAddPopover = true">添加</el-button>
-          <el-button color="#1890FF" @click="showSharedPopover = true" plain>共享相机</el-button>
-          <div class="add-tip" v-if="unAddlength > 0">{{ unAddlength }}</div>
+          <el-badge :value="unAddlength" :hidden="unAddlength < 1" class="item">
+            <el-button color="#1890FF" @click="showSharedPopover = true" plain>共享相机</el-button>
+          </el-badge>
+
+          <!-- <div class="add-tip" v-if="unAddlength > 0">{{ unAddlength }}</div> -->
         </template>
         <template #empty>
           <div class="empty-content flex flex-col items-center">
@@ -216,4 +219,8 @@
     margin: auto;
     z-index: 99;
   }
+
+  .item {
+    margin: 0px 40px 0px 15px;
+  }
 </style>