样式修改

src/views/weatherComponents/weatherView.vue

@@ -308,7 +308,12 @@
       </div>
     </div>
     <!-- 气象预警 -->
-    <!-- <aside class="sidebar-left4 panel">
+    <aside class="sidebar-left4 panel animate__animated"
+    :class="
+        showControl || showWeatherMessage
+          ? 'animate__backOutLeft'
+          : 'animate__backInLeft'
+      ">
       <div class="energy-system-content clearfix">
         <div class="title">
           <span class="title-name">气象预警</span>
@@ -331,9 +336,9 @@
           </p>
         </div>
       </div>
-    </aside>  -->
+    </aside> 
     <!-- 节能减排  -->
-    <aside
+    <!-- <aside
       class="sidebar-left3 panel animate__animated"
       :class="
         showControl || showWeatherMessage
@@ -421,7 +426,7 @@
           </div>
         </div>
       </div>
-    </aside>
+    </aside> -->
 
     <!-- Right Sidebar -->
     <!-- 气象覆盖模式 -->
@@ -911,7 +916,8 @@ export default {
           this.cityWeather.latitude
         );
         this.cityWeather.city = city.province;
-        this.stationName = this.cityWeather.city;
+        // this.stationName = this.cityWeather.city;
+        this.stationName = "北京市";
       });
     }
     this.controlMode = this.showControl;
@@ -1985,9 +1991,9 @@ export default {
 }
 
 .sidebar-left4 {
-  bottom: 20px;
+  bottom: 260px;
   left: 20px;
-  width: 370px;
+  width: 400px;
 }
 
 .sidebar-right,
@@ -2080,7 +2086,7 @@ export default {
       .warnMessageLeft {
         margin-top: 5px;
         .warnIcon {
-          border: 1px solid #0572bb;
+          border: 1px solid #05a0bb;
           padding: 3px 4px 0px;
           border-radius: 3px;
         }