首页-热门职位调整

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

@@ -1,15 +1,15 @@
 <template>
   <div class="default-width mb-6 d-flex align-center justify-center">
-    <span class="mr-2 color-primary font-weight-bold" style="width: 80px; min-width: 80px;">{{ $t('position.popularPosition') }}：</span>
-    <div style="overflow: hidden; height: 40px; ">
+    <span class="color-primary font-weight-bold" style="width: 80px; min-width: 80px;">{{ $t('position.popularPosition') }}：</span>
+    <div class="overflow-hidden py-3 pl-2" style="height: 60px; ">
       <v-hover v-slot="{ isHovering, props }" v-for="(item, index) in jobs" :key="index">
         <span 
           v-bind="props"
           v-ripple.center
           label
           size="small"
-          class="mr-2 my-1 tag" 
-          :class="isHovering ? 'elevation-1' : ''"
+          class="mr-2 mb-4 tag" 
+          :class="isHovering ? 'elevation-5' : 'elevation-1'"
           @click.stop="handleClick(item)"
         >
           {{ item.nameCn }}