From be4b84ba0c86a0d30b684b0a8861a868bc44774a Mon Sep 17 00:00:00 2001
From: chenyao <1219716595@qq.com>
Date: Fri, 28 Mar 2025 11:57:06 +0800
Subject: [PATCH] feat: 日期改为动态
---
src/views/Home/components/HomeLeft/HomeLeft.vue | 19 ++++++++++++++++++-
1 files changed, 18 insertions(+), 1 deletions(-)
diff --git a/src/views/Home/components/HomeLeft/HomeLeft.vue b/src/views/Home/components/HomeLeft/HomeLeft.vue
index 764ad27..9235761 100644
--- a/src/views/Home/components/HomeLeft/HomeLeft.vue
+++ b/src/views/Home/components/HomeLeft/HomeLeft.vue
@@ -2,7 +2,7 @@
<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="" />
@@ -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