精选职位

src/components/Position/item.vue

@@ -2,8 +2,9 @@
   <div class="d-flex">
     <div class="position-box">
       <div class="sub-li" v-for="(item, index) in props.items" :key="index" 
-      :style="{'height': tab === 3 && item.hire ? '180px' : '149px'}" 
-      @click.stop="handlePosition(item)" @mouseenter="item.active = true" @mouseleave="item.active = false">
+        :style="{'height': tab === 3 && item.hire ? '180px' : '149px'}"
+        :class="item.active ? 'elevation-6' : 'elevation-3'"
+        @click.stop="handlePosition(item)" @mouseenter="item.active = true" @mouseleave="item.active = false">
         <div class="job-info">
           <div class="sub-li-top">
             <div class="sub-li-info">
@@ -129,9 +130,6 @@ const handlePosition = (item) => {
   &:nth-child(3n) {
     margin-right: 0;
   }
-  &:hover {
-    box-shadow: 0 2px 12px 0 rgba(153, 153, 153, 1);
-  }
 }
 .job-info {
   position: relative;

src/views/recruit/personal/home/components/hotPromotedPositions.vue

@@ -11,13 +11,13 @@
       <v-tab :value="2">{{ $t('position.latest') }}</v-tab>
       <v-tab :value="3">{{ $t('position.hire') }}</v-tab>
     </v-tabs>
-    <v-window v-model="tab" class="pt-5 px-2">
+    <v-window v-model="tab" class="pt-5 px-2 pb-2">
       <v-window-item v-for="v in 3" :value="v" :key="v">
         <PositionCard v-if="items.filter(Boolean) && items.length" :isOpenWindow="false" :items="items" :tab="tab" @position="handlePosition"></PositionCard>
         <Empty v-else class="mb-3" :elevation="false"></Empty>
       </v-window-item>
     </v-window>
-    <div class="text-center mt-5" style="border-top: 1px solid #ccc; padding-top: 30px;">
+    <div class="text-center mt-4" style="border-top: 1px solid #ccc; padding-top: 30px;">
       <v-hover v-slot="{ isHovering, props }">
         <v-btn v-bind="props" v-ripple.center class="buttons btnColor" :class="isHovering ? 'elevation-10' : 'elevation-5'" @click.stop="handleToMore">{{ $t('position.moreBtn') }}</v-btn>
       </v-hover>