|
@@ -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;
|