优选集团鼠标悬浮效果

src/views/recruit/personal/home/components/advertisement/index.vue

@@ -9,9 +9,11 @@
     </div>
 
     <div no-gutters class="mt-5 d-flex flex-wrap" style="width: 100%;">
-      <v-card v-for="(k, i) in list" :key="i" class="col-item" @click.stop="jumpToEnterpriseDetail(k.link, true)">
-        <v-img :src="k.img"/>
-      </v-card>
+      <v-hover v-slot="{ isHovering, props }" v-for="(k, i) in list" :key="i">
+        <v-card  v-bind="props" class="col-item" :class="isHovering ? 'elevation-10' : 'elevation-3'" @click.stop="jumpToEnterpriseDetail(k.link, true)">
+          <v-img :src="k.img"/>
+        </v-card>
+      </v-hover>
     </div>
   </div>
 </template>