Files
jinshen_calculator/src/components/ResultCard.vue
R2m1liA 00b9ee6a78 Squashed commit of the following:
commit 38d10d7151
Author: R2m1liA <15258427350@163.com>
Date:   Sat Jul 19 11:34:11 2025 +0800

    Feature: 添加俄语、西班牙语支持 & 添加单位国际化

commit 25d4dc7a7f
Author: R2m1liA <15258427350@163.com>
Date:   Fri Jul 18 11:42:21 2025 +0800

    Fix: 修正导航栏动画 & 移除无用代码

commit e9d254c4e7
Author: R2m1liA <15258427350@163.com>
Date:   Fri Jul 18 11:37:40 2025 +0800

    Fix: 修改部分文本表述

commit c85afc9bde
Author: R2m1liA <15258427350@163.com>
Date:   Fri Jul 18 11:36:08 2025 +0800

    Feature: 添加更多语言支持
2025-07-19 11:36:56 +08:00

39 lines
754 B
Vue

<template>
<v-card
class="mb-4"
elevation="3"
rounded="lg"
>
<v-card-title class="bg-primary from-primary to-secondary text-white">
<v-icon
class="mr-2"
icon="mdi-calculator-variant"
/>
{{ label }}
</v-card-title>
<v-card-text class="text-h5 py-6 text-center">
<v-chip
class="text-h6 pa-4"
color="primary"
label
size="large"
variant="outlined"
>
{{ value.value.toFixed(2) }} {{ $t(`units.${value.unit}`) }}
</v-chip>
</v-card-text>
</v-card>
</template>
<script setup lang="ts">
import type { Param } from '@/types/param'
interface Props {
label: string
value: Param
}
defineProps<Props>()
</script>