From acf2c9369e0d7dfa65360358978fc0018d76a771 Mon Sep 17 00:00:00 2001
From: zhangnuoyan <9354631+zhangnuoyan@user.noreply.gitee.com>
Date: 星期六, 24 八月 2024 19:34:58 +0800
Subject: [PATCH] fix: bug
---
src/views/components/the-icon-card/index.vue | 10 +++++++++-
1 files changed, 9 insertions(+), 1 deletions(-)
diff --git a/src/views/components/the-icon-card/index.vue b/src/views/components/the-icon-card/index.vue
index a541fa1..fe3ff62 100644
--- a/src/views/components/the-icon-card/index.vue
+++ b/src/views/components/the-icon-card/index.vue
@@ -1,4 +1,5 @@
<template>
+ <!-- 甯con棣栭〉 -->
<div class="icon-card" :class="currentThemeMode === 'dark' ? 'card-dark' : ''">
<a-card class="card-box">
<div class="card-icon" :style="dynamicStyle">
@@ -8,7 +9,7 @@
<div class="card-content">
<p>{{ title }}</p>
<p>
- <span>{{ metering }}</span>
+ <span class="metering" :style="{ color: colorBg }">{{ metering }}</span>
<span>{{ unit }}</span>
</p>
</div>
@@ -61,6 +62,9 @@
border-radius: 4px;
box-sizing: border-box;
margin-right: 10px;
+ &:last-child {
+ margin-right: 0;
+ }
.card-box {
width: 100%;
height: 100%;
@@ -86,6 +90,10 @@
line-height: 22px;
color: var(--color-text-1);
font-size: 12px;
+ .metering {
+ font-size: 14px;
+ margin-right: 4px;
+ }
}
}
</style>
--
Gitblit v1.8.0