From 600ab7a279a2ffc1a05e722bf18d4bfe0c1da1ea Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Sat, 19 Apr 2025 15:04:28 +0800
Subject: [PATCH] Merge branch 'master' of http://139.196.74.78:10010/r/drone/command-center-dashboard
---
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