From abfc074c35e8bd66ec0641173bfd703051ca701a Mon Sep 17 00:00:00 2001
From: 13404089107 <puwei@sinata.cn>
Date: 星期一, 07 四月 2025 17:00:51 +0800
Subject: [PATCH] fix

---
 src/components/datascreen/HeaderPanel.vue |   39 ++++++++++++++++++++++++++-------------
 1 files changed, 26 insertions(+), 13 deletions(-)

diff --git a/src/components/datascreen/HeaderPanel.vue b/src/components/datascreen/HeaderPanel.vue
index 50d9675..de8e6e9 100644
--- a/src/components/datascreen/HeaderPanel.vue
+++ b/src/components/datascreen/HeaderPanel.vue
@@ -2,13 +2,15 @@
   <div class="header">
     <!-- 左侧天气 -->
     <div class="weather">
-      <!-- <img :src="require(`@/assets/weather/${weatherInfo.icon}.png`)" alt="weather" class="weather-icon"> -->
-      <span class="weather-text">{{ weatherInfo.text }}</span>
+      <div class="mask"></div>
+      <div class="box"></div>
+      <iframe allowtransparency="true" frameborder="0" width="180" height="36" scrolling="no"
+        src="//tianqi.2345.com/plugin/widget/index.htm?s=3&z=3&t=1&v=0&d=3&bd=0&k=000000&f=ffffff&ltf=ffffff&htf=ffffff&q=1&e=1&a=1&c=60910&w=103&h=36&align=left" />
     </div>
-    
+
     <!-- 中间标题 -->
     <div class="title">崇州市自主安置购房信息化大数据平台</div>
-    
+
     <!-- 右侧时间 -->
     <div class="datetime">
       <img src="@/assets/027_日历@2x.png" alt="calendar" class="calendar-icon">
@@ -33,6 +35,7 @@
     this.updateTime();
     this.timer = setInterval(this.updateTime, 1000);
     this.getWeather();
+   
   },
   beforeDestroy() {
     if (this.timer) {
@@ -74,16 +77,25 @@
   .weather {
     display: flex;
     margin-top: 61px;
-    
-    .weather-icon {
-      width: 30px;
-      height: 30px;
-      margin-right: 10px;
+
+
+    .mask {
+      position: absolute;
+      width: 180px;
+      height: 36px;
+      z-index: 1;
+      filter: alpha(opacity=0);
+      opacity: 0;
+      background: #040A56
     }
 
-    .weather-text {
-      color: #fff;
-      font-size: 16px;
+    .box {
+      position: absolute;
+      width: 20px;
+      height: 36px;
+      left: 140px;
+      z-index: 1;
+      background: #040A56
     }
   }
 
@@ -100,6 +112,7 @@
   .datetime {
     display: flex;
     margin-top: 61px;
+
     .calendar-icon {
       width: 22px;
       height: 21px;
@@ -112,4 +125,4 @@
     }
   }
 }
-</style> 
\ No newline at end of file
+</style>
\ No newline at end of file

--
Gitblit v1.7.1