fix

13404089107

2025-04-07 abfc074c35e8bd66ec0641173bfd703051ca701a

 src/components/datascreen/HeaderPanel.vue

@@ -2,8 +2,10 @@
  <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>

    <!-- 中间标题 -->
@@ -76,15 +78,24 @@
    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
    }
  }