diff --git a/src/assets/cd.png b/src/assets/cd.png new file mode 100644 index 0000000..7dc23b4 Binary files /dev/null and b/src/assets/cd.png differ 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 @@