样式修改

src/styles/index.scss

@@ -266,6 +266,14 @@
   border: 1px solid #E1E4E9;
 }
 
+.hoverShadow {
+  box-shadow: 5px 9px 12px 1px rgba(0, 183, 96, 0.17) !important;
+}
+.hoverShadowSolid {
+  box-shadow: 5px 9px 12px 1px rgba(0, 183, 96, 0.17) !important;
+  border: 1px solid #00B760 !important;
+}
+
 .home-title-line {
   width: 223px;
   // background: linear-gradient(to right, #12ebb0, #427daa);

src/views/recruit/personal/recommend/components/positionList.vue

@@ -1,9 +1,10 @@
 <template>
-  <div class="d-flex">
+  <div class="d-flex pl-3">
     <div class="position-box">
-      <div class="sub-li"
+      <div
         v-for="(item, index) in list" :key="index"
-        :class="[{'chosen': chosenIndex === index}, item.active ? 'elevation-8' : 'elevation-3']"
+        class="sub-li pl-3"
+        :class="[{'hoverShadowSolid': chosenIndex === index}, item.active ? 'elevation-8 hoverShadow' : 'elevation-0']"
         :style="`margin-top: ${index ? '12px' : '0'}`"
         @mouseenter="item.active = true" @mouseleave="item.active = false"
         @click="handleClick(item, index)"
@@ -95,7 +96,6 @@ const handleClick = (item, index) => {
   width: 100%;
   height: 100%;
 }
-.chosen { border: 1px solid var(--v-primary-base) !important; }
 .sub-li {
   position: relative;
   width: 384px;
@@ -107,7 +107,7 @@ const handleClick = (item, index) => {
   overflow: hidden;
   cursor: pointer;
   background-color: #fff;
-  border: 1px solid #fff;
+  border: 1px solid #ddd;
 }
 .job-info {
   position: relative;