集团页面

src/views/recruit/personal/home/components/advertisement/preferred.vue

@@ -65,7 +65,7 @@
     <div class="recruit-position">
       <h2>招聘职位</h2>
       <div>
-        <div class="position-item d-flex align-center" v-for="k in recruitPosition" :key="k.job.id">
+        <div class="position-item d-flex" v-for="k in recruitPosition" :key="k.job.id">
           <div class="job-name">
             {{ formatName(k.job.name) }}
             <br>
@@ -226,15 +226,17 @@ h2 {
 .recruit-position {
   margin-top: 100px;
   .position-item {
+    position: relative;
     background-color: #f9f9f9;
     margin-bottom: 15px;
     padding: 20px 0 20px 32px;
     .job-name {
-      width: 20.5%;
+      width: 21%;
       overflow: hidden;
       margin-right: 5%;
       font-size: 15px;
       font-weight: 600;
+      margin-top: 1px;
     }
     .job-place {
       width: 17%;
@@ -249,11 +251,18 @@ h2 {
       color: #8c8c8c;
       line-height: 26px;
     }
+    .view-detail{
+      position: absolute;
+      top: 50%;
+      right: 30px;
+      transform: translateY(-50%);
+      &:hover {
+        color: var(--v-primary-base);
+        text-decoration: underline;
+      }
+    }
   }
 }
-.view-detail:hover {
-  text-decoration: underline;
-}
 .up-btn {
   position: fixed;
   bottom: 20px;