diff --git a/src/views/components/server-list/server-option-box.vue b/src/views/components/server-list/server-option-box.vue
index 3caf74d..1dab833 100644
--- a/src/views/components/server-list/server-option-box.vue
+++ b/src/views/components/server-list/server-option-box.vue
@@ -7,6 +7,7 @@
       :class="{
         active: activeValue === item.value,
       }"
+      :title="item?.title || false"
       @click="toggleModelValue(item)"
     >
       <span class="option-label">{{ item.label }}</span>
diff --git a/src/views/home.vue b/src/views/home.vue
index b70f11d..7149443 100644
--- a/src/views/home.vue
+++ b/src/views/home.vue
@@ -100,6 +100,7 @@ const tagOptions = computed(() => store.state.serverGroup.map((i) => ({
   key: uuid(),
   label: i.name,
   value: i.name,
+  title: `${i.servers.length}台`,
 })));
 
 const onlineOptions = computed(() => {
@@ -108,10 +109,12 @@ const onlineOptions = computed(() => {
       key: 'online',
       label: '在线',
       value: '1',
+      title: `${serverCount.value.online}台`,
     }, {
       key: 'offline',
       label: '离线',
       value: '-1',
+      title: `${serverCount.value.offline}台`,
     }];
   }
   return [];