skycurtain/ndm-web-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(station-card)

Browse Source
This commit is contained in:
yangsy
2025-11-26 15:52:48 +08:00
parent 05297b22cb
commit 8fa904dfc0
1 changed files with 12 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/station-page/station-card.vue
View File

@@ -112,13 +112,17 @@ const theme = useThemeVars();
<template> <template>
<NCard bordered hoverable size="medium" :header-style="{ padding: `6px` }" :content-style="{ padding: `0px 6px 6px 6px` }"> <NCard bordered hoverable size="medium" :header-style="{ padding: `6px` }" :content-style="{ padding: `0px 6px 6px 6px` }">
<template #header> <template #header>
<NTooltip v-if="station.ip" trigger="click"> <template v-if="station.ip">
<template #trigger> <NTooltip trigger="click">
<span style="font-size: medium">{{ station.name }}</span> <template #trigger>
</template> <span style="font-size: smaller">{{ station.name }}</span>
<span>{{ station.ip }}</span> </template>
</NTooltip> <span>{{ station.ip }}</span>
<span v-else style="font-size: medium">{{ station.name }}</span> </NTooltip>
</template>
<template v-else>
<span style="font-size: smaller">{{ station.name }}</span>
</template>
</template> </template>
<template #header-extra> <template #header-extra>
<NFlex :size="4"> <NFlex :size="4">
@@ -145,7 +149,7 @@ const theme = useThemeVars();
<NFlex justify="end" align="center"> <NFlex justify="end" align="center">
<span> <span>
<span :style="{ color: onlineDeviceCount > 0 ? theme.successColor : '' }">在线 {{ onlineDeviceCount }} 台</span> <span :style="{ color: onlineDeviceCount > 0 ? theme.successColor : '' }">在线 {{ onlineDeviceCount }} 台</span>
<NText depth="3">·</NText> <NText depth="3"> · </NText>
<span :style="{ color: offlineDeviceCount > 0 ? theme.errorColor : '' }">离线 {{ offlineDeviceCount }} 台</span> <span :style="{ color: offlineDeviceCount > 0 ? theme.errorColor : '' }">离线 {{ offlineDeviceCount }} 台</span>
</span> </span>
<NButton quaternary size="tiny" :focusable="false" style="visibility: hidden"> <NButton quaternary size="tiny" :focusable="false" style="visibility: hidden">