diff --git a/src/components/FirstJob/components/promotion.vue b/src/components/FirstJob/components/promotion.vue index b3d2e69..5957392 100644 --- a/src/components/FirstJob/components/promotion.vue +++ b/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 + }" >
@@ -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);
+ }
}
}
\ No newline at end of file