style: color of offline device count

2025-09-09 11:16:34 +08:00
parent 024db7d59e
commit 5a28645f80
1 changed files with 2 additions and 1 deletions
--- a/src/components/dashboard-page/station-card.vue
+++ b/src/components/dashboard-page/station-card.vue
@@ -131,7 +131,8 @@ const theme = useThemeVars();
              <span class="font-xx-small" :class="[station.online ? 'clickable' : '']" @click="openOfflineDeviceTreeModal">离线设备</span>
            </template>
            <template #default>
-              <span class="font-small">{{ offlineDeviceCount }}/{{ deviceCount }}</span>
+              <span class="font-small" :style="{ color: offlineDeviceCount > 0 ? 'red' : '' }">{{ offlineDeviceCount }}</span>
+              <span class="font-small">/{{ deviceCount }}</span>
            </template>
            <template #suffix>
              <span class="font-xx-small">台</span>