From 17a4303c8fd71cd58dedbeee368ba6309ccbae6a Mon Sep 17 00:00:00 2001
From: R2m1liA <15258427350@163.com>
Date: Tue, 9 Dec 2025 15:09:50 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E8=B0=83=E6=95=B4=E7=AB=96=E5=B1=8F?=
 =?UTF-8?q?=E6=A8=A1=E5=BC=8F=E4=B8=8B=E7=9A=84=E7=BB=93=E6=9E=9C=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 竖屏时计算结果由一行改为两行，以避免在长文本下显示效果不佳的问题
---
 .../Modules/FourLayerPaperStrawCalculate.vue           |  2 +-
 src/components/ResultListItem.vue                      |  6 +++---
 src/layouts/CalculatorLayout.vue                       | 10 ++++------
 src/plugins/vuetify.ts                                 |  3 +++
 4 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/src/components/Modules/FourLayerPaperStrawCalculate.vue b/src/components/Modules/FourLayerPaperStrawCalculate.vue
index a5657c9..1ca5922 100644
--- a/src/components/Modules/FourLayerPaperStrawCalculate.vue
+++ b/src/components/Modules/FourLayerPaperStrawCalculate.vue
@@ -211,7 +211,7 @@
         paperCoreDiameter: 7.3,
         bottomPaperWidth: 18.5,
       },
-      [t('ppage.four-layer-paper-straw.preset-specification.inner_8_3-outer_9_0')]: {
+      [t('page.four-layer-paper-straw.preset-specification.inner_8_3-outer_9_0')]: {
         paperCoreDiameter: 8.3,
         bottomPaperWidth: 21,
       },
diff --git a/src/components/ResultListItem.vue b/src/components/ResultListItem.vue
index 90134ff..8904626 100644
--- a/src/components/ResultListItem.vue
+++ b/src/components/ResultListItem.vue
@@ -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>
diff --git a/src/layouts/CalculatorLayout.vue b/src/layouts/CalculatorLayout.vue
index 4a75088..053fede 100644
--- a/src/layouts/CalculatorLayout.vue
+++ b/src/layouts/CalculatorLayout.vue
@@ -15,18 +15,16 @@
         </template>
       </v-app-bar-title>
 
-      <v-spacer />
-
       <v-menu v-model="languageMenu" :close-on-content-click="true" location="bottom end" offset="8">
         <template #activator="{ props }">
           <v-btn
             v-bind="props"
-            :icon="$vuetify.display.xs"
-            :prepend-icon="$vuetify.display.xs ? undefined : 'mdi-translate'"
-            :size="$vuetify.display.xs ? 'default' : 'large'"
+            :icon="$vuetify.display.mobile"
+            :prepend-icon="$vuetify.display.mobile ? undefined : 'mdi-translate'"
+            :size="$vuetify.display.mobile ? 'default' : 'large'"
             variant="text"
           >
-            <v-icon v-if="$vuetify.display.xs">mdi-translate</v-icon>
+            <v-icon v-if="$vuetify.display.mobile">mdi-translate</v-icon>
             <span v-else class="text-button">{{ currentLanguage.label }}</span>
           </v-btn>
         </template>
diff --git a/src/plugins/vuetify.ts b/src/plugins/vuetify.ts
index 9721582..b959a32 100644
--- a/src/plugins/vuetify.ts
+++ b/src/plugins/vuetify.ts
@@ -28,6 +28,9 @@ const jinshenLightTheme: ThemeDefinition = {
 
 // https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
 export default createVuetify({
+  display: {
+    mobileBreakpoint: 'md', // 当屏幕宽度小于等于这个值时，视为移动设备
+  },
   theme: {
     defaultTheme: 'light',
     variations: {