鼠标移入高亮

src/components/Position/item.vue

@@ -1,10 +1,10 @@
 <template>
   <div class="position-box">
-    <div class="sub-li" v-for="(item, index) in list" :key="index">
+    <div class="sub-li" v-for="(item, index) in list" :key="index" @mouseenter="item.active = true" @mouseleave="item.active = false">
       <div class="job-info">
         <div class="sub-li-top">
           <div class="sub-li-info">
-            <p class="name">{{ item.name }}</p>
+            <p :class="['name', {'name-active': item.active }]">{{ item.name }}</p>
             <v-chip size="x-small" color="error" label variant="outlined" class="mr-1">急聘</v-chip>
             <v-chip size="x-small" color="warning" label variant="outlined">NEW</v-chip>
           </div>
@@ -146,4 +146,7 @@ watch(
   background-color: #e0e0e0;
   margin: 0 10px;
 }
+.name-active {
+  color: var(--v-primary-base);
+}
 </style>

src/views/Home/personal/components/hotPromotedPositions.vue

@@ -50,6 +50,7 @@ const getPositionList = async () => {
       const valueKey = item.type === 'menduner_industry_type' ? 'nameCn' : 'label'
       const idKey = item.type === 'menduner_industry_type' ? 'id' : 'value'
       e[item.label] = dictObj[item.value].find(k => Number(k[idKey]) === e[item.key])[valueKey]
+      e.active = false
       return e
     })
   })