feat:事件弹窗显示调整

shuishen

2025-04-16 a7e6761ba0cfccdf33ed552eb2d3b783c8e4ab4a

 src/components/CommonWeather.vue

@@ -6,7 +6,7 @@
         <img src="@/assets/images/home/homeLeft/tq.png" alt="" />
         <span class="tq">{{ weather }}</span>
         <span class="tq">风速：{{ windVelocity }} </span>
         <span v-if="flylevel >= 5" :class="[isFly === '建议飞行' ? 'qk' : isFly === '禁止飞行' ? 'redqk' : 'yellowqk']">{{
         <span v-if="flylevel >= 5" :class="[isFly === '适合飞行' ? 'qk' : isFly === '禁止飞行' ? 'redqk' : 'yellowqk']">{{
            isFly
         }}</span>
      </div>
@@ -37,20 +37,19 @@
      weather.value = res.data.data.weather
      isFly.value = res.data.data.flightAdvice
      windVelocity.value = res.data.data.windPower
      flylevel.value = res.data.data.adcode.replace(/0+$/, "")
		
      flylevel.value = res.data.data.adcode.replace(/0+$/, "").length
   })
}

let intervalTime
onMounted(() => {
   getWeatherSuggest()
   updateTime() // 立即执行一次
   time.value = setInterval(updateTime, 1000)
   intervalTime = setInterval(updateTime, 1000)
})
onUnmounted(() => {
   if (time.value) {
      clearInterval(time.value)
      time.value = null
   if (intervalTime) {
      clearInterval(intervalTime)
      intervalTime = null
   }
})
</script>
@@ -63,15 +62,17 @@
   height: 36px;
   line-height: 36px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   color: #e7f5ff;
   .line {
      border: 1px solid #ffffff;
      height: 10px;
      opacity: 0.5;
      margin: 0 18px;
   }
   .weather {
      display: flex;
      align-items: center;
      img {
         width: 20px;
         height: 20px;
@@ -93,4 +94,4 @@
      }
   }
}
</style>
</style>