src/views/components/the-icon-card/index.vue
@@ -1,4 +1,5 @@ <template> <!-- 带icon首页 --> <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> @@ -86,6 +87,10 @@ line-height: 22px; color: var(--color-text-1); font-size: 12px; .metering { font-size: 14px; margin-right: 4px; } } } </style>