From 243e0266d7bd1dad2224fefd9a1d3ef8ced6345e Mon Sep 17 00:00:00 2001
From: 罗广辉 <guanghui.luo@foxmail.com>
Date: Sat, 19 Apr 2025 13:33:59 +0800
Subject: [PATCH] feat: 优化返航按钮
---
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