From 2800fa4f32f3900509cb4d6eefaf2bfaf54efdd7 Mon Sep 17 00:00:00 2001
From: 罗广辉 <guanghui.luo@foxmail.com>
Date: Mon, 21 Apr 2025 18:29:09 +0800
Subject: [PATCH] fix: 天气显示
---
src/components/CurrentTaskDetails/ControlPanel/ControlComPass/ControlComPass.vue | 10 +++++++---
1 files changed, 7 insertions(+), 3 deletions(-)
diff --git a/src/components/CurrentTaskDetails/ControlPanel/ControlComPass/ControlComPass.vue b/src/components/CurrentTaskDetails/ControlPanel/ControlComPass/ControlComPass.vue
index 5371249..3daaed0 100644
--- a/src/components/CurrentTaskDetails/ControlPanel/ControlComPass/ControlComPass.vue
+++ b/src/components/CurrentTaskDetails/ControlPanel/ControlComPass/ControlComPass.vue
@@ -8,7 +8,7 @@
</div>
<div class="instrument-center">
- <div class="compass-box" :style="{ transform: `rotate(${props?.options?.yawAngle || 0}deg)` }">
+ <div class="compass-box" :style="compassStyle">
<div v-for="(item, index) in str" :key="index" class="scale" :style="{ '--rotate': 30 * index + 'deg' }">
<span class="text">{{ item }}</span>
</div>
@@ -41,10 +41,14 @@
}
})
+const compassStyle = computed(() => {
+ return { transform: `rotate(${props?.options?.yawAngle || 0}deg)` }
+})
+
const trueAltitudeStyle = computed(() => {
const trueAltitude = props?.options?.trueAltitude || 0
- // 将 [-240,240] 映射到 [0%, 100%]
- const percentage = (((trueAltitude + 240) / 480) * 100).toFixed(2)
+ // 将 [0,240] 映射到 [0%, 100%]
+ const percentage = ((trueAltitude / 240) * 100).toFixed(2)
return {
bottom: `${percentage}%`,
}
--
Gitblit v1.9.3