From 4223c358f1ad9ffa4fcbc8fb0e350dc5bf342b51 Mon Sep 17 00:00:00 2001
From: hejianhao <15708179461@qq.com>
Date: 星期一, 24 三月 2025 18:06:53 +0800
Subject: [PATCH] 字体
---
src/components/datascreen/HeaderPanel.vue | 38 +++++++++++++++++++++++++-------------
1 files changed, 25 insertions(+), 13 deletions(-)
diff --git a/src/components/datascreen/HeaderPanel.vue b/src/components/datascreen/HeaderPanel.vue
index 50d9675..3b3ddd4 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<f=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">
@@ -74,16 +76,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 +111,7 @@
.datetime {
display: flex;
margin-top: 61px;
+
.calendar-icon {
width: 22px;
height: 21px;
@@ -112,4 +124,4 @@
}
}
}
-</style>
\ No newline at end of file
+</style>
\ No newline at end of file
--
Gitblit v1.7.1