style: 调整结果卡片样式
- 计算结果样式修改 - 纸吸管尺寸计算添加图例显示
This commit is contained in:
20
src/components/ResultListItem.vue
Normal file
20
src/components/ResultListItem.vue
Normal file
@ -0,0 +1,20 @@
|
||||
<template>
|
||||
<v-row class="px-4">
|
||||
<v-col cols="6">
|
||||
<div class="text-h6 text-secondary-lighten-2 font-weight-bold">{{ label }}</div>
|
||||
</v-col>
|
||||
<v-col class="d-flex flex-column align-end justify-center" cols="6">
|
||||
<div class="text-h6 text-primary font-weight-bold">{{ value.value.toFixed(fixed ?? 2) }} {{ $t(`units.${value.unit}`) }}</div>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import type { Param } from '@/types/param'
|
||||
|
||||
defineProps<{
|
||||
label: string
|
||||
value: Param
|
||||
fixed?: number
|
||||
}>()
|
||||
</script>
|
||||
Reference in New Issue
Block a user