zhangnuoyan
2024-08-24 acf2c9369e0d7dfa65360358978fc0018d76a771
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>
@@ -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>