1111
This commit is contained in:
@ -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 {
|
||||
|
Reference in New Issue
Block a user