微调

src/components/FirstJob/components/promotion.vue

@@ -6,7 +6,10 @@
            v-for="(item,index) in list" :key="index" 
            @mouseenter="handleEnter(item,index)" 
            @mouseleave="handleLeave(item,index)"
-           :class="index == active ? 'item-active' : ''"
+           :class="{ 
+            'item-active': index == active, 
+            'item-zoom': index != active && active > -1
+          }"
       >
         <div class="item-logo g_flex_none">
           <img src="../../../../static/img/gyl.jpg" class="img" />
@@ -103,11 +106,13 @@
       }
       .item-active{
         box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
-        transform: scale(1.01);
         .mock{
           backdrop-filter: blur(3px); 
         }
       }
+      .item-zoom{
+        transform: scale(1.01);
+      }
     }
   }
 </style>