天气插件遮挡问题

src/assets/styles/index.scss

@@ -56,7 +56,7 @@
     top: 0.65rem;
   }
   .header-weather {
-    left: 1rem;
+    left: 0.6rem;
   }
   .header-date {
     right: 0.375rem;

src/views/header/index.vue

@@ -23,7 +23,7 @@
     </div>
     <div class="header-text header-weather">
       <!-- 天气api: https://www.tianqi.com/plugin -->
-      <iframe id="weather" width="210" scrolling="no" height="30" frameborder="0" allowtransparency="true" src="https://i.tianqi.com?c=code&id=34&color=%23FFFFFF&icon=1&py=wuhan&site=24" />
+      <iframe id="weather" width="400" scrolling="no" height="30" frameborder="0" allowtransparency="true" src="https://i.tianqi.com?c=code&id=34&color=%23FFFFFF&icon=1&py=wuhan&site=18" />
     </div>
     <div class="header-text header-date">{{ nowDate }}</div>
   </div>