style: 调整竖屏模式下的结果显示
- 竖屏时计算结果由一行改为两行,以避免在长文本下显示效果不佳的问题
This commit is contained in:
@ -1,10 +1,10 @@
|
||||
<template>
|
||||
<v-row class="px-4">
|
||||
<v-col cols="8">
|
||||
<v-col cols="12" md="8">
|
||||
<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="4">
|
||||
<div class="text-h6 text-primary font-weight-bold">{{ value.value.toFixed(fixed ?? 2) }} {{ $t(`units.${value.unit}`) }}</div>
|
||||
<v-col class="d-flex flex-column align-md-end justify-center" cols="12" md="4">
|
||||
<div class="text-h4 text-md-h6 text-center text-primary font-weight-bold">{{ value.value.toFixed(fixed ?? 2) }} {{ $t(`units.${value.unit}`) }}</div>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</template>
|
||||
|
||||
Reference in New Issue
Block a user