From 7b8d062bd8d23005701c52bbc3af2f9c8463d147 Mon Sep 17 00:00:00 2001 From: duanxiaohai <1812246227@qq.com> Date: Thu, 1 Aug 2024 15:15:43 +0800 Subject: [PATCH 1/4] gx --- src/assets/cd.png | Bin 0 -> 543 bytes src/components/header.vue | 67 +++++++++++++++----------- src/view/echart_analyze/FlipClock.vue | 2 +- 3 files changed, 40 insertions(+), 29 deletions(-) create mode 100644 src/assets/cd.png diff --git a/src/assets/cd.png b/src/assets/cd.png new file mode 100644 index 0000000000000000000000000000000000000000..7dc23b4fbb3cb649170a3304ce69ae112d62c5a4 GIT binary patch literal 543 zcmV+)0^t3LP)Px$*-1n}R9HvtnB7VnK@`V-XX6*O){pkKx1yFnLF!GwI3`G+q>tbO^wK^-^9VkH zq&BhGn`%H1HVS^#q!ol-^{Q&Kr`@nhkidq7=nU-MEi-4%Z~rrM&e#_)$pg|#@mdkcuVGVGlqJzJm@C$eboTM6bW( z`3SNW3}EupavHu{2OL6`_jH00imJS6LJL16z?fHZ92P%M)nmoB;zyNnfe*lFr1V7~ zn6SM31}t^g^Bep!mfNh)Uj)2MFP9(VHL*1KaAERfyc5NmkxfW zz+~s-$U5K+U#EtIVoO-7YXg%@%ZYVitzF_sd6?{soLQMTN>%;xKSM7%k($?i9eN?n z;%CgA;>Xt<9+}`TAFVGhV}o!s!MZ3B2c7`ODb(wDqHwPY#@V~q40NvD>RdxR?#$RW ho{{v=Gl_p?g?biSR002ovPDHLkV1hu@`&Iw| literal 0 HcmV?d00001 diff --git a/src/components/header.vue b/src/components/header.vue index e53d51c..c35ff71 100644 --- a/src/components/header.vue +++ b/src/components/header.vue @@ -7,16 +7,15 @@
- - +
+
+
加载中...
+
{{ item.name }}
@@ -25,13 +24,16 @@
{{ item.name }}
+
+ +
@@ -61,9 +63,9 @@ const updateClock = () => { const formattedDate = year + "/" + month + "/" + day; // 更新页面上的时钟显示 - // document.getElementById("clock").textContent = timeString; + document.getElementById("clock").textContent = timeString; // 将格式化后的日期更新到 div 中 - // document.getElementById("date-display").innerText = formattedDate; + document.getElementById("date-display").innerText = formattedDate; }; const to = (url) => { router.push({ @@ -88,22 +90,22 @@ const data = reactive({ name: "总体概览", url: "/home/index", }, - { - name: "养老", - url: "/home/yl", - }, - { - name: "卫生", - url: "/home/hygiene", - }, - { - name: "教育", - url: "/home/education", - }, - { - name: "救助", - url: "/home/work", - }, + // { + // name: "养老", + // url: "/home/yl", + // }, + // { + // name: "卫生", + // url: "/home/hygiene", + // }, + // { + // name: "教育", + // url: "/home/education", + // }, + // { + // name: "救助", + // url: "/home/work", + // }, { name: "智能分析", url: "/home/analyze", @@ -149,7 +151,16 @@ onMounted(() => { width: 146px; height: 55px; } - + .cd { + position: absolute; + right: 50px; + top: 38px; + cursor: pointer; + img { + width: 22px; + height: 22px; + } + } .time { width: 200px; height: 70%; @@ -199,11 +210,11 @@ onMounted(() => { } &-left { - left: 2%; + left: 10%; } &-right { - right: 2%; + right: 10%; } .leftItem { diff --git a/src/view/echart_analyze/FlipClock.vue b/src/view/echart_analyze/FlipClock.vue index 9aa7e16..b6c57c7 100644 --- a/src/view/echart_analyze/FlipClock.vue +++ b/src/view/echart_analyze/FlipClock.vue @@ -1,6 +1,6 @@