This commit is contained in:
tcy
2025-08-22 19:01:38 +08:00
11 changed files with 1025 additions and 348 deletions

View File

@ -8,16 +8,6 @@
<span class="stat-card__value">{{ props.value }}</span>
<span class="stat-card__unit">{{ unit }}</span>
</div>
<!-- 底部信息区域 -->
<div class="stat-card__footer" v-if="showIcon">
<div class="stat-card__trend">
<img class="stat-card__trend-icon" :src="'/src/assets/large/' + trendIcon + '.png'"
:alt="trendDirection === 'up' ? '上升' : '下降'">
<span class="stat-card__trend-text">{{ trendText }}</span>
</div>
<img class="stat-card__badge" :src="'/src/assets/large/' + badgeIcon + '.png'" alt="徽章图标">
</div>
</div>
</template>
@ -104,12 +94,10 @@ const trendText = computed(() => {
box-sizing: border-box;
border: 1px solid rgba(29, 214, 255, 0.1);
border-radius: 4px; // 增加轻微圆角,提升视觉效果
text-align: center;
&__title {
font-size: 14px;
color: #8FABBF;
color: #8fabbf;
line-height: 20px;
}
@ -129,7 +117,7 @@ const trendText = computed(() => {
}
&__unit {
color: #8FABBF;
color: #8fabbf;
font-size: 14px;
}
@ -152,7 +140,7 @@ const trendText = computed(() => {
&__trend-text {
font-size: 14px;
color: #8FABBF;
color: #8fabbf;
}
&__badge {