feat：完善页面样式和功能

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

@@ -1,7 +1,7 @@
 <template>
   <div class="box-4">
     <Title1 title="交通信息" />
-    <div class="flex justify-evenly pt-10">
+    <div class="flex justify-evenly pt-10 pb-20">
       <div v-for="item in list" class="cell">
         <img class="icon" :src="item.icon" alt="" width="64" height="64" />
         <div>
@@ -324,7 +324,7 @@
       align-items: center;
       .icon {
         width: vw(64);
-        height: vh(60);
+        height: auto;
       }
       .countup-wrap {
         color: #02f9fa;
@@ -357,7 +357,7 @@
       gap: vw(20);
       .icon {
         width: vw(45);
-        height: vh(48);
+        height: auto;
       }
       & > div {
         flex: 1;
@@ -403,16 +403,17 @@
           display: flex;
           flex-direction: column;
           justify-content: center;
-          background-size: 100% 100%;
           box-sizing: border-box;
         }
         .car {
           @extend .icon;
           background-image: url('@/assets/images/icon-6.png');
+          background-size: 100% 100%;
         }
         .ship {
           @extend .icon;
           background-image: url('@/assets/images/icon-7.png');
+          background-size: 100% 100%;
         }
         .label {
           font-weight: 400;