职位搜索卡片

src/components/PositionLongStrip/item.vue

@@ -1,11 +1,10 @@
 <!-- 搜索页面的职位详情-长条 -->
 <template>
-  <div class="positionItem px-3 pt-3" v-for="(item, index) in list" :key="index" @mouseenter="item.active = true" @mouseleave="item.active = false">
+  <div class="positionItem pt-3" v-for="(item, index) in list" :key="index" @mouseenter="item.active = true" @mouseleave="item.active = false">
     <div class="position-and-company">
       <!-- 职位 -->
-      
       <div
-        class="position cursor-pointer rounded-lg" :class="item.positionActive ? 'elevation-5' : ''"
+        class="position cursor-pointer rounded-lg ml-3" :class="item.positionActive ? 'elevation-5' : ''"
         @mouseenter="item.positionActive = true" @mouseleave="item.positionActive = false" @click.stop="handlePosition(item)"
       >
         <div class="d-flex">
@@ -33,8 +32,6 @@
                   color="var(--color-666)"
                   :prepend-icon="j.mdi"
                 >
-                <!-- {{ item.job.areaId }} -->
-                  <!-- {{ (j.value === 'areaName' && !item.job.areaId) ? '全国' : item.job[j.value] }} -->
                   {{ j.value === 'areaName' ? !item.job.areaId ? '全国' : item.job.area?.str : item.job[j.value] }}
                 </v-chip>
               </span>
@@ -44,7 +41,7 @@
       </div>
       <!-- 公司 -->
       <div
-        class="company rounded-lg pa-4 cursor-pointer" :class="item.companyActive ? 'elevation-5' : ''"
+        class="company rounded-lg pa-4 cursor-pointer mr-3" :class="item.companyActive ? 'elevation-5' : ''"
         @click.stop="jumpToEnterpriseDetail(item.enterprise.id, true)" @mouseenter="item.companyActive = true" @mouseleave="item.companyActive = false">
         <div class="float-left">
           <v-img :src="item?.enterprise.logoUrl || 'https://minio.citupro.com/dev/menduner/company-avatar.png'" :alt="item.enterprise.anotherName" :width="40" style="height: 40px;border-radius: 4px;"/>