From f1e4e5843ff9ae37ccecd0ea391911f67de0e50d Mon Sep 17 00:00:00 2001
From: 罗广辉 <guanghui.luo@foxmail.com>
Date: Sat, 29 Mar 2025 16:02:53 +0800
Subject: [PATCH] feat: 机巢点击交互
---
src/views/Home/components/HomeLeft/HomeLeft.vue | 21 +++++++++++++++++++--
1 files changed, 19 insertions(+), 2 deletions(-)
diff --git a/src/views/Home/components/HomeLeft/HomeLeft.vue b/src/views/Home/components/HomeLeft/HomeLeft.vue
index 764ad27..48d86b4 100644
--- a/src/views/Home/components/HomeLeft/HomeLeft.vue
+++ b/src/views/Home/components/HomeLeft/HomeLeft.vue
@@ -2,10 +2,10 @@
<div class="home-left">
<!--时间 天气-->
<div class="time-weather">
- <div class="time">2025.03.04 15:30:00</div>
+ <div class="time">{{ time }}</div>
<div class="line"></div>
<div class="weather">
- <img src="@/assets/images/tq.png" alt="" />
+ <img src="@/assets/images/home/homeLeft/tq.png" alt="" />
<span class="tq">阴天</span>
<span class="qk">适合飞行</span>
</div>
@@ -20,6 +20,23 @@
<script setup>
import OverviewNext from './OverviewNext.vue';
import InspectionRaskDetails from './InspectionRaskDetails.vue';
+import dayjs from 'dayjs';
+
+
+const time = ref('');
+const updateTime = () => {
+ time.value = dayjs().format('YYYY.MM.DD HH:mm:ss');
+};
+onMounted(() => {
+ updateTime(); // 立即执行一次
+ time.value = setInterval(updateTime, 1000);
+});
+onUnmounted(() => {
+ if (time.value) {
+ clearInterval(time.value);
+ time.value = null;
+ }
+});
</script>
<style scoped lang="scss">
--
Gitblit v1.9.3