提交水深图标

src/views/home/Header.vue

@@ -11,7 +11,7 @@
               <span>{{date}}</span>
             </div>
             <i class="weather" :class="weather" @click="toggleScene"></i>
-            <i class="waterUpDown"   @click="showChaogao"></i>
+            <i  :class="waterDeepShows?'waterUpDownS':'waterUpDown'"   @click="showChaogaos"></i>
           </div>
         </div>
         <div class="right">
@@ -108,10 +108,12 @@ export default {
     vidoShow.value=false
 
   }
-function showChaogao()
-{
-  waterDeepShows.value=!waterDeepShows.value
-}
+
+  function showChaogaos()
+  {
+    waterDeepShows.value=!waterDeepShows.value
+  }
+
   bus.on('click_Lundu', (data) => {
     console.log(data)
     if(data!=null && data!='') {
@@ -544,6 +546,12 @@ function showChaogao()
       background: url('@/assets/imgs/cg.png') no-repeat;
       background-size: contain;
     }
+    .waterUpDownS{
+      width: 32px;
+      height: 32px;
+      background: url('@/assets/imgs/cg_select.png') no-repeat;
+      background-size: contain;
+    }
     .weather {
       display: inline-block;
       width: 32px;