fix: 天气显示

罗广辉

2025-04-21 2800fa4f32f3900509cb4d6eefaf2bfaf54efdd7

 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}%`,
   }