You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
195 lines
3.2 KiB
195 lines
3.2 KiB
/* subpages/index/recruitment/recruitment.wxss */
|
|
|
|
.recruitment-container {
|
|
background-color: #f8f8f8;
|
|
min-height: 100vh;
|
|
}
|
|
|
|
/* 头部样式 */
|
|
.header {
|
|
width: 100%;
|
|
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.8) 80%, rgba(255,255,255,1) 100%),linear-gradient(to right, #befeed 0%, #d5eefe 50%, #ebe9fb 100%);background-size: 100% 300rpx, 100% 300rpx;background-repeat: no-repeat;
|
|
position: relative;
|
|
height: 240rpx;
|
|
}
|
|
.content-body{
|
|
margin-top: 40rpx;
|
|
}
|
|
.navigation {
|
|
width: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
color: #333333;
|
|
font-size: 30rpx;
|
|
position: relative;
|
|
z-index: 10;
|
|
font-weight: 600;
|
|
}
|
|
|
|
/* 搜索框样式 */
|
|
.search-section {
|
|
padding:0 30rpx ;
|
|
}
|
|
|
|
/* 自定义搜索框内部样式 */
|
|
.van-search__content {
|
|
background: #fff !important;
|
|
border-radius: 50rpx !important;
|
|
border: 1rpx solid #e5e5e5 !important;
|
|
}
|
|
|
|
.van-search__field {
|
|
background: #fff !important;
|
|
border-radius: 50rpx !important;
|
|
}
|
|
|
|
.van-field__input {
|
|
border-radius: 50rpx !important;
|
|
}
|
|
|
|
/* 筛选区域样式 */
|
|
.filter-section {
|
|
background-color: #fff;
|
|
border-top: 1rpx solid #eee;
|
|
}
|
|
|
|
/* 温馨提示样式 */
|
|
.tip-section {
|
|
background-color: #fff5e6;
|
|
border: 1rpx solid #ffcc99;
|
|
margin: 20rpx;
|
|
border-radius: 8rpx;
|
|
}
|
|
|
|
.tip-content {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 20rpx;
|
|
}
|
|
.navigation-back{
|
|
position: absolute;
|
|
left: 0rpx;
|
|
z-index: 1000;
|
|
width: 80rpx;
|
|
height: 80rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
border-radius: 50%;
|
|
}
|
|
.tip-text {
|
|
flex: 1;
|
|
margin-left: 12rpx;
|
|
font-size: 28rpx;
|
|
}
|
|
|
|
/* 职位列表样式 */
|
|
.job-list {
|
|
padding: 0 20rpx;
|
|
}
|
|
|
|
.job-item {
|
|
background-color: #fff;
|
|
border-radius: 12rpx;
|
|
padding: 30rpx;
|
|
margin-bottom: 20rpx;
|
|
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.job-header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
margin-bottom: 20rpx;
|
|
}
|
|
|
|
.job-title {
|
|
font-size: 32rpx;
|
|
font-weight: bold;
|
|
color: #333;
|
|
flex: 1;
|
|
}
|
|
|
|
.job-salary {
|
|
font-size: 32rpx;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.job-info {
|
|
display: flex;
|
|
gap: 20rpx;
|
|
margin-bottom: 20rpx;
|
|
}
|
|
|
|
.job-date,
|
|
.job-degree,
|
|
.job-experience {
|
|
font-size: 26rpx;
|
|
color: #666;
|
|
background-color: #f5f5f5;
|
|
padding: 8rpx 16rpx;
|
|
border-radius: 4rpx;
|
|
}
|
|
|
|
.company-info {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
margin-bottom: 20rpx;
|
|
}
|
|
|
|
.company-name {
|
|
font-size: 28rpx;
|
|
color: #333;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.company-source {
|
|
font-size: 24rpx;
|
|
color: #999;
|
|
}
|
|
|
|
.job-tags {
|
|
display: flex;
|
|
gap: 12rpx;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
/* 加载状态样式 */
|
|
.loading-section {
|
|
text-align: center;
|
|
padding: 40rpx;
|
|
color: #999;
|
|
font-size: 28rpx;
|
|
}
|
|
|
|
/* 空状态样式 */
|
|
.empty-section {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 100rpx 40rpx;
|
|
}
|
|
|
|
.empty-image {
|
|
width: 200rpx;
|
|
height: 150rpx;
|
|
margin-bottom: 20rpx;
|
|
}
|
|
|
|
.empty-text {
|
|
font-size: 28rpx;
|
|
color: #999;
|
|
}
|
|
|
|
/* 下拉菜单自定义样式 */
|
|
.van-dropdown-menu {
|
|
box-shadow: none;
|
|
border-bottom: 1rpx solid #eee;
|
|
}
|
|
|
|
.van-dropdown-menu__title {
|
|
font-size: 28rpx;
|
|
}
|