个人资料和岗位列表联调，简历优化部分页面
This commit is contained in:
File diff suppressed because it is too large
Load Diff
@@ -4,7 +4,7 @@
|
||||
.job-detail {
|
||||
&__content {
|
||||
margin-left: 2rem;
|
||||
margin-right: 3.2rem;
|
||||
margin-right: 3.6rem;
|
||||
flex: 1;
|
||||
padding: 0.12rem 0.56rem 0.12rem 0.18rem;
|
||||
height: 100vh;
|
||||
@@ -13,6 +13,23 @@
|
||||
background: $bg-main;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
// 手动包裹的两层 div，需要撑满剩余高度并允许内部滚动
|
||||
> .bg-white {
|
||||
flex: 1;
|
||||
min-height: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
|
||||
> .bg-main {
|
||||
flex: 1;
|
||||
min-height: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// ---- 页面标题 ----
|
||||
@@ -138,7 +155,7 @@
|
||||
}
|
||||
|
||||
&__apply-btn {
|
||||
background: $btn-dark;
|
||||
background: $accent;
|
||||
color: $bg-white;
|
||||
border: none;
|
||||
border-radius: 0.2rem;
|
||||
@@ -379,7 +396,7 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
background: $btn-dark;
|
||||
background: linear-gradient(90deg, #94EF9E , #53D9C8 );
|
||||
color: $bg-white;
|
||||
border-radius: 0.1rem;
|
||||
padding: 0.14rem 0.2rem;
|
||||
@@ -563,6 +580,7 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.08rem;
|
||||
max-width: 45%;
|
||||
}
|
||||
|
||||
&__company-meta-item {
|
||||
@@ -621,7 +639,7 @@
|
||||
|
||||
&__news-desc {
|
||||
font-size: 0.11rem;
|
||||
color: $text-light;
|
||||
color: $text-middle;
|
||||
line-height: 1.6;
|
||||
margin: 0;
|
||||
display: -webkit-box;
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
.jobs-page {
|
||||
&__content {
|
||||
margin-left: 2rem;
|
||||
margin-right: 3.6rem;
|
||||
margin-right: 4.0rem;
|
||||
flex: 1;
|
||||
padding: 0.12rem 0.18rem;
|
||||
height: 100vh;
|
||||
@@ -89,6 +89,7 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.12rem;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
&__filter-group {
|
||||
@@ -111,6 +112,7 @@
|
||||
transition: all 0.2s ease;
|
||||
white-space: nowrap;
|
||||
position: relative;
|
||||
height: 0.234rem;
|
||||
|
||||
&:hover {
|
||||
border-color: $accent;
|
||||
@@ -219,7 +221,7 @@
|
||||
&:hover {
|
||||
box-shadow: 0 0.04rem 0.16rem rgba(0, 0, 0, 0.06);
|
||||
background: #fbfbfb;
|
||||
transform: translateY(-0.01rem);
|
||||
//transform: translateY(-0.01rem);
|
||||
}
|
||||
|
||||
&--selected {
|
||||
@@ -237,14 +239,12 @@
|
||||
|
||||
&__job-left {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
gap: 0.16rem;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
&__job-icon {
|
||||
width: 0.44rem;
|
||||
height: 0.44rem;
|
||||
width: 0.54rem;
|
||||
height: 0.54rem;
|
||||
border-radius: 0.1rem;
|
||||
background: $theme-color;
|
||||
display: flex;
|
||||
@@ -300,9 +300,31 @@
|
||||
height: 0.16rem;
|
||||
}
|
||||
|
||||
&__job-meta {
|
||||
font-size: 0.12rem;
|
||||
&__job-remove {
|
||||
color: $text-light;
|
||||
cursor: pointer;
|
||||
background: none;
|
||||
border: none;
|
||||
padding: 0.04rem;
|
||||
border-radius: 0.04rem;
|
||||
transition: all 0.2s;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
&:hover {
|
||||
color: $danger;
|
||||
background: #FFF0ED;
|
||||
}
|
||||
}
|
||||
|
||||
&__remove-svg {
|
||||
width: 0.14rem;
|
||||
height: 0.14rem;
|
||||
}
|
||||
|
||||
&__job-meta {
|
||||
font-size: 0.14rem;
|
||||
color: $text-middle;
|
||||
margin-top: 0.04rem;
|
||||
line-height: 1.4;
|
||||
}
|
||||
@@ -414,8 +436,8 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.04rem;
|
||||
background: none;
|
||||
border: none;
|
||||
background: $bg-main;
|
||||
border: 1px solid #E8E8E8;
|
||||
padding: 0.04rem 0.08rem;
|
||||
border-radius: 0.14rem;
|
||||
|
||||
@@ -431,20 +453,18 @@
|
||||
}
|
||||
|
||||
&__job-apply-btn {
|
||||
background: $bg-main;
|
||||
border: 1px solid #E8E8E8;
|
||||
background: $btn-dark;
|
||||
border: 0.02rem solid $btn-dark;
|
||||
border-radius: 0.2rem;
|
||||
padding: 0.06rem 0.2rem;
|
||||
color: $text-dark;
|
||||
padding: 0.04rem 0.2rem;
|
||||
color: $bg-white;
|
||||
font-size: 0.12rem;
|
||||
cursor: pointer;
|
||||
transition: all 0.2s;
|
||||
font-weight: 500;
|
||||
|
||||
&:hover {
|
||||
border-color: $accent;
|
||||
color: $accent;
|
||||
background: $theme-color;
|
||||
background: $btn-dark-hover;
|
||||
}
|
||||
|
||||
&--active {
|
||||
@@ -549,6 +569,52 @@
|
||||
margin-top: 0.01rem;
|
||||
}
|
||||
|
||||
// 未登录锁定态
|
||||
&__job-match--locked {
|
||||
background: $bg-main;
|
||||
border: 1px solid #E8E8E8;
|
||||
}
|
||||
|
||||
&__lock-icon {
|
||||
width: 0.32rem;
|
||||
height: 0.32rem;
|
||||
color: $text-light;
|
||||
margin-bottom: 0.06rem;
|
||||
}
|
||||
|
||||
&__match-lock-text {
|
||||
font-size: 0.1rem;
|
||||
color: $text-light;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
// 收藏统计栏
|
||||
&__fav-stats {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.4rem;
|
||||
}
|
||||
|
||||
&__fav-stats-item {
|
||||
font-size: 0.14rem;
|
||||
color: $text-dark;
|
||||
font-weight: 500;
|
||||
cursor: pointer;
|
||||
padding: 0.04rem 0.08rem;
|
||||
border-radius: 0.06rem;
|
||||
transition: all 0.2s;
|
||||
|
||||
&:hover {
|
||||
color: $accent;
|
||||
}
|
||||
|
||||
&--active {
|
||||
color: $accent;
|
||||
font-weight: 600;
|
||||
background: $theme-color;
|
||||
}
|
||||
}
|
||||
|
||||
// 加载更多提示
|
||||
&__loading-more {
|
||||
text-align: center;
|
||||
@@ -588,7 +654,6 @@
|
||||
color: $text-dark;
|
||||
line-height: 1.6;
|
||||
margin-bottom: 0.2rem;
|
||||
margin-top: 0.12rem;
|
||||
|
||||
// 居中标题（问题反馈弹窗用）
|
||||
&--center {
|
||||
|
||||
Reference in New Issue
Block a user