style

src/components/offline-device-detail-modal.vue

@@ -121,7 +121,11 @@ const onModalClose = () => {
         <div style="flex: 0 0 auto; margin-bottom: 16px">
           <NRow>
             <NCol :span="3" v-for="item in classifiedCounts" :key="item.label">
-              <NStatistic :label="item.label" :value="`${item.offlineCount}/${item.total}`" />
+              <NStatistic :label="item.label">
+                <template #default>
+                  <span style="font-size: smaller">{{ `${item.offlineCount}/${item.total}` }}</span>
+                </template>
+              </NStatistic>
             </NCol>
           </NRow>
         </div>

src/components/station-card.vue

@@ -136,7 +136,7 @@ const theme = useThemeVars();
               <span class="font-xx-small" :class="[online ? 'clickable' : '']" @click="openOfflineDeviceTreeModal">离线设备</span>
             </template>
             <template #default>
-              <span class="font-medium">{{ offlineDeviceCount }}/{{ deviceCount }}</span>
+              <span class="font-small">{{ offlineDeviceCount }}/{{ deviceCount }}</span>
             </template>
             <template #suffix>
               <span class="font-xx-small">台</span>
@@ -149,7 +149,7 @@ const theme = useThemeVars();
               <span class="font-xx-small" :class="[online ? 'clickable' : '']" @click="openDeviceAlarmTreeModal">告警记录</span>
             </template>
             <template #default>
-              <span class="font-medium">{{ devicAlarmCount }}</span>
+              <span class="font-small">{{ devicAlarmCount }}</span>
             </template>
             <template #suffix>
               <span class="font-xx-small">条</span>
@@ -187,6 +187,10 @@ const theme = useThemeVars();
   font-size: medium;
 }
 
+.font-small {
+  font-size: small;
+}
+
 .font-smaller {
   font-size: smaller;
 }