feat：完善功能

src/views/home/components/box-2.vue

@@ -33,7 +33,7 @@
       <div class="alarm-box">
         <ul class="flex">
           <li class="alarm-item" v-for="(item, index) in list" :key="index">
-            <img class="icon" :src="item.icon" />
+            <img class="alarm-item__icon" :src="item.icon" />
             <span>{{ item.label }}</span>
           </li>
         </ul>
@@ -124,6 +124,7 @@
 <script setup>
   import countup from 'vue-countup-v3'
   import { Vue3SeamlessScroll } from 'vue3-seamless-scroll'
+
   import ScrollNumber from '@/components/ScrollNumber/index.vue'
   import { getSpotListApi, getBaiduMapApi, getBaiduMapCrowdedApi } from '@/api/home'
 
@@ -170,7 +171,7 @@
   watch(
     () => [map.value, homeStore.carShipData],
     () => {
-      return;
+      return
       if (map.value && homeStore.carShipData) {
         // clearOverlays()
         markers.forEach((item) => {
@@ -352,7 +353,7 @@
         margin-top: vh(20);
       }
       .item {
-        margin-right:vh(20);
+        margin-right: vh(20);
         flex: 1;
         .label {
           margin-bottom: vh(20);
@@ -395,8 +396,8 @@
       left: vw(20);
       z-index: 99;
       .alarm-item {
-        width: vw(110);
-        height: vh(40);
+        padding: 0 vw(20);
+        height: vw(40);
         margin-right: vw(4);
         font-weight: 400;
         font-size: vw(14);
@@ -405,7 +406,7 @@
         align-items: center;
         justify-content: center;
         background: linear-gradient(to bottom, rgba(238, 44, 44, 0) 0%, #ee2c2c 100%);
-        .icon {
+        &__icon {
           width: vw(20);
           height: vw(20);
           margin-right: vw(4);