|
@@ -36,14 +36,15 @@
|
|
|
<!-- 用户端 -->
|
|
|
<block v-if="userType==1">
|
|
|
<view class="topbg">
|
|
|
+ <!-- 顶部图片区 -->
|
|
|
<!-- #ifdef H5 -->
|
|
|
- <view class="banner flex justify-center" style="padding-top: 20rpx;"
|
|
|
- v-if="bannerListuser.length!=0">
|
|
|
+ <!-- <view class="banner flex justify-center" style="padding-top: 20rpx;"
|
|
|
+ v-if="bannerListuser.length!=0"> -->
|
|
|
<!-- #endif -->
|
|
|
<!-- #ifndef H5 -->
|
|
|
- <view class="banner flex justify-center" v-if="bannerListuser.length!=0">
|
|
|
+ <!-- <view class="banner flex justify-center" v-if="bannerListuser.length!=0"> -->
|
|
|
<!-- #endif -->
|
|
|
- <view class="banner-box">
|
|
|
+ <!-- <view class="banner-box">
|
|
|
<swiper :indicator-dots="false" style="width: 100%;height: 100%;" :autoplay="true"
|
|
|
:interval="5000" :duration="300">
|
|
|
<swiper-item v-for="(item,index) in bannerListuser" :key="index"
|
|
@@ -57,8 +58,9 @@
|
|
|
</swiper-item>
|
|
|
</swiper>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="announcement" v-if="gongao.length!=0">
|
|
|
+ </view> -->
|
|
|
+ <!-- 公告区 -->
|
|
|
+ <!-- <view class="announcement" v-if="gongao.length!=0">
|
|
|
<view class="announcementbox">
|
|
|
<view class="anount">最新公告</view>
|
|
|
<view class="anounts flex align-center" v-if="gongao.length>0">
|
|
@@ -72,8 +74,10 @@
|
|
|
暂无公告
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view v-if="gridlist.length!=0">
|
|
|
+ </view> -->
|
|
|
+
|
|
|
+ <!-- 企业端 -->
|
|
|
+ <!-- <view v-if="gridlist.length!=0">
|
|
|
<u-grid :col="4" :border="false">
|
|
|
<u-grid-item bg-color="#00DD9A">
|
|
|
<view v-for="(item,index) in gridlist" :key="index" style="text-align: center;"
|
|
@@ -86,26 +90,107 @@
|
|
|
</u-grid-item>
|
|
|
|
|
|
</u-grid>
|
|
|
- </view>
|
|
|
+ </view> -->
|
|
|
</view>
|
|
|
- <view style="background: #00DD9A;width: 100%;position: sticky;top: 0px;z-index: 999;">
|
|
|
- <view class="topbg-type flex justify-center">
|
|
|
- <view class="topbg-type-box flex justify-between align-center">
|
|
|
- <view class="topbg-type-box-l flex align-center">
|
|
|
- <view class="topbg-type-box-l-i" :class="current==index?'active':''"
|
|
|
- @tap="current = index" v-for="(item,index) in typeList" :key="index">
|
|
|
- {{item.label}}
|
|
|
- </view>
|
|
|
+ <view class="topbg-sticky">
|
|
|
+ <!-- 标题-搜索 -->
|
|
|
+ <view class="topbg-sticky-box">
|
|
|
+ <view class="topbg-sticky-title flex justify-between align-center">
|
|
|
+ <view class="topbg-sticky-title-left flex align-center">
|
|
|
+ <image src="../../static/images/index/xingIcon.svg" class="xing-icon" />
|
|
|
+ <view>星光不负逐梦人</view>
|
|
|
</view>
|
|
|
- <view class="topbg-type-box-r flex align-center"
|
|
|
+ <view class="topbg-sticky-title-right flex align-center"
|
|
|
@click="goNavs('/package/search/search')">
|
|
|
<u-icon name="search" color="#ffffff" size="40"></u-icon>
|
|
|
- 搜索
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <view class="topbg-sticky-subtitle">亿职赞,愿你在追梦路上找到心仪工作</view>
|
|
|
</view>
|
|
|
+
|
|
|
+ <!-- tabs和筛选 -->
|
|
|
+ <view class="topbg-type flex justify-center">
|
|
|
+ <view class="topbg-type-box">
|
|
|
+ <!-- 第一行:tabs -->
|
|
|
+ <view class="topbg-type-box-row flex justify-between align-center">
|
|
|
+ <view class="topbg-type-box-l flex align-center">
|
|
|
+ <view class="topbg-type-box-l-i" :class="current==index?'active':''"
|
|
|
+ @tap="current = index" v-for="(item,index) in typeList" :key="index">
|
|
|
+ {{item.label}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- 添加求职意向 -->
|
|
|
+ <view class="topbg-yx-box-r flex align-center"
|
|
|
+ @click="goNav('/package/jobIntention/jobIntention')">
|
|
|
+ <image src="../../static/images/index/Attachment.svg" class="attachment-icon" />
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <!-- 第二行:筛选 -->
|
|
|
+ <view class="topbg-sx-box flex justify-between align-center">
|
|
|
+ <!-- 分类 -->
|
|
|
+ <view v-if="current != typeList.length - 1" class="topbg-sx-box-l flex align-center">
|
|
|
+ <view class="topbg-sx-box-l-i" :class="currentSx==index?'active3':''"
|
|
|
+ @click="currentSx = index" v-for="(item,index) in sxTypeList" :key="index">
|
|
|
+ {{item.name}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="topbg-sx-box-r flex align-center">
|
|
|
+ <!-- 城市 -->
|
|
|
+ <view class="topbg-sx-box-r-i flex align-center" style="">
|
|
|
+ <text style="margin-right: 10rpx;"
|
|
|
+ @click="goNavs('/package/jobIntention/city')">{{city?city:'选择城市'}}</text>
|
|
|
+ <u-icon name="arrow-down" color="#00B78F" size="16"
|
|
|
+ @click="goNavs('/package/jobIntention/city')"></u-icon>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <!-- <text style="color: #CCCCCC;margin-left: 30rpx;margin-right: 30rpx;">|</text> -->
|
|
|
+ <block v-if="current != typeList.length - 1">
|
|
|
+ <!-- 筛选 -->
|
|
|
+ <view class="topbg-sx-box-filter flex align-center">
|
|
|
+ <text style="margin-right: 10rpx;"
|
|
|
+ @click="goNavs('/package/screen/screen')">筛选</text>
|
|
|
+ <u-icon name="arrow-down" color="#999999" size="16"
|
|
|
+ @click="goNavs('/package/screen/screen')"></u-icon>
|
|
|
+ </view>
|
|
|
+ </block>
|
|
|
+ <block v-else>
|
|
|
+ <!-- 筛选 -->
|
|
|
+ <view class="topbg-sx-box-filter flex align-center">
|
|
|
+ <text style="margin-right: 10rpx;"
|
|
|
+ @click="goNavs('/package/screen/screenComp')">筛选</text>
|
|
|
+ <u-icon name="arrow-down" color="#999999" size="16"
|
|
|
+ @click="goNavs('/package/screen/screenComp')"></u-icon>
|
|
|
+ </view>
|
|
|
+ </block>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <!-- 从事方向 -->
|
|
|
+ <view class="direction-tip">
|
|
|
+ <view class="direction-tip-title">请选择您可从事方向</view>
|
|
|
+ <view class="direction-tip-subtitle">您的偏好选择将用于为您推荐更匹配的职位</view>
|
|
|
+
|
|
|
+ <!-- 标签选择 -->
|
|
|
+ <view class="direction-tags flex align-center flex-wrap">
|
|
|
+ <view class="direction-tag" :class="currentDirection==index?'active':''"
|
|
|
+ @click="currentDirection=index" v-for="(item,index) in directionList" :key="index">
|
|
|
+ {{item.name}}
|
|
|
+ </view>
|
|
|
+ <view class="direction-tag-add" @click="addDirection">
|
|
|
+ <text>对应职位相关标签</text>
|
|
|
+ </view>
|
|
|
+ <view class="direction-tag-plus" @click="addDirection">
|
|
|
+ <u-icon name="plus" color="#999999" size="16"></u-icon>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
<!-- 求职意向 -->
|
|
|
- <view class="topbg-yx flex justify-center flex-wrap">
|
|
|
+ <!-- <view class="topbg-yx flex justify-center flex-wrap">
|
|
|
<view v-if="current != typeList.length - 1"
|
|
|
class="topbg-yx-box flex justify-between align-center">
|
|
|
<view class="topbg-yx-box-l ">
|
|
@@ -122,48 +207,8 @@
|
|
|
</scroll-view>
|
|
|
|
|
|
</view>
|
|
|
- <view class="topbg-yx-box-r flex align-center"
|
|
|
- @click="goNav('/package/jobIntention/jobIntention')">
|
|
|
- <text>添加求职意向</text>
|
|
|
- <u-icon name="plus-circle" color="#00B88F" size="38"></u-icon>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <!-- 筛选 -->
|
|
|
- <view class="topbg-sx-box flex justify-between align-center" style="padding-bottom: 20rpx;">
|
|
|
- <view v-if="current != typeList.length - 1" class="topbg-sx-box-l flex align-center">
|
|
|
- <view class="topbg-sx-box-l-i" :class="currentSx==index?'active3':''"
|
|
|
- @click="currentSx = index" v-for="(item,index) in sxTypeList" :key="index">
|
|
|
- {{item.name}}
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="" v-else>
|
|
|
-
|
|
|
- </view>
|
|
|
- <view class="topbg-sx-box-r flex align-center">
|
|
|
- <text style="color: #00B78F;font-size: 28rpx;font-weight: 500;margin-right: 10rpx;"
|
|
|
- @click="goNavs('/package/jobIntention/city')">{{city?city:'选择城市'}}</text>
|
|
|
- <u-icon name="arrow-down-fill" color="#00B78F" size="20"
|
|
|
- @click="goNavs('/package/jobIntention/city')"></u-icon>
|
|
|
-
|
|
|
- <text style="color: #CCCCCC;margin-left: 30rpx;margin-right: 30rpx;">|</text>
|
|
|
- <block v-if="current != typeList.length - 1">
|
|
|
- <text
|
|
|
- style="color: #999999;font-size: 28rpx;font-weight: 500;margin-right: 10rpx;"
|
|
|
- @click="goNavs('/package/screen/screen')">筛选</text>
|
|
|
-
|
|
|
- <u-icon name="arrow-down-fill" color="#CCCCCC" size="20"
|
|
|
- @click="goNavs('/package/screen/screen')"></u-icon>
|
|
|
- </block>
|
|
|
- <block v-else>
|
|
|
- <text
|
|
|
- style="color: #999999;font-size: 28rpx;font-weight: 500;margin-right: 10rpx;"
|
|
|
- @click="goNavs('/package/screen/screenComp')">筛选</text>
|
|
|
- <u-icon name="arrow-down-fill" color="#CCCCCC" size="20"
|
|
|
- @click="goNavs('/package/screen/screenComp')"></u-icon>
|
|
|
- </block>
|
|
|
- </view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
+ </view> -->
|
|
|
<!-- <view
|
|
|
style="width: 100%;height: 40rpx;background: #F2F2F7;border-radius: 40rpx 40rpx 0 0;margin-top: 20rpx;"
|
|
|
v-if="current == typeList.length - 1 && companList.length>0"></view> -->
|
|
@@ -176,50 +221,52 @@
|
|
|
<view class="gwList-box-item flex justify-center" @click="gotoInfo(item.postPushId)"
|
|
|
v-for="(item,index) in dataList" :key="index">
|
|
|
<view class="gwList-box-item-box">
|
|
|
+ <!-- 标题-薪资 -->
|
|
|
<view class="gwList-box-item-box-title flex justify-between align-center">
|
|
|
- <view class=""
|
|
|
- style="max-width: 450rpx;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow:ellipsis;">
|
|
|
- <block v-if="isSameName(item.ruleClassifyName,item.stationName)">
|
|
|
- {{item.ruleClassifyName}}-
|
|
|
- </block>
|
|
|
- <block>
|
|
|
- {{item.stationName}}
|
|
|
- </block>
|
|
|
+ <view class="title-left flex align-center">
|
|
|
+ <view class="job-title-text"
|
|
|
+ style="max-width: 450rpx;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow:ellipsis;">
|
|
|
+ <block v-if="isSameName(item.ruleClassifyName,item.stationName)">
|
|
|
+ {{item.ruleClassifyName}}-
|
|
|
+ </block>
|
|
|
+ <block>
|
|
|
+ {{item.stationName}}
|
|
|
+ </block>
|
|
|
+ </view>
|
|
|
+ <view class="salary-text-box">
|
|
|
+ <image src="../../static/images/index/jipinIcom.svg" class="jipin-icon" />
|
|
|
+ <text class="jipin-text">急聘</text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <text>{{item.salaryRange}}</text>
|
|
|
+ <text class="salary-text">{{item.salaryRange}}</text>
|
|
|
</view>
|
|
|
- <view class="gwList-box-item-box-label flex align-center flex-wrap">
|
|
|
- <text
|
|
|
- style="color: #666666;font-size: 26rpx;padding: 10rpx 25rpx 10rpx 25rpx;background-color: #F6F6F6;border-radius: 8rpx;margin-right: 20rpx;margin-bottom: 20rpx;">
|
|
|
- {{item.education}}
|
|
|
- </text>
|
|
|
- <text
|
|
|
- style="color: #666666;font-size: 26rpx;padding: 10rpx 25rpx 10rpx 25rpx;background-color: #F6F6F6;border-radius: 8rpx;margin-right: 20rpx;margin-bottom: 20rpx;">
|
|
|
- {{item.experience}}
|
|
|
- </text>
|
|
|
- <text
|
|
|
- style="color: #666666;font-size: 26rpx;padding: 10rpx 25rpx 10rpx 25rpx;background-color: #F6F6F6;border-radius: 8rpx;margin-right: 20rpx;margin-bottom: 20rpx;"
|
|
|
- v-for="(ite,ind) in item.positionWelfare" :key="ind">{{ite}}</text>
|
|
|
- </view>
|
|
|
- <view class="gwList-box-item-box-name flex justify-between align-center">
|
|
|
- <text
|
|
|
- style="width: 450rpx;">{{item.company?item.company.companyName:''}}</text>
|
|
|
- <text
|
|
|
+ <!-- 公司名称-公司人数 -->
|
|
|
+ <view class="gwList-box-item-box-name flex align-center">
|
|
|
+ <text class="company-name" style="margin-right: 8rpx;">{{item.company?item.company.companyName:''}}</text>
|
|
|
+ <text class="company-people"
|
|
|
v-if="item.company">{{item.company?item.company.companyPeople:'0人'}}</text>
|
|
|
</view>
|
|
|
- <view class="gwList-box-item-box-line"></view>
|
|
|
+ <!-- 职位标签 -->
|
|
|
+ <view class="gwList-box-item-box-label flex align-center flex-wrap">
|
|
|
+ <text class="job-tag">{{item.education}}</text>
|
|
|
+ <text class="job-tag">{{item.experience}}</text>
|
|
|
+ <text class="job-tag" v-for="(ite,ind) in item.positionWelfare" :key="ind">{{ite}}</text>
|
|
|
+ </view>
|
|
|
+ <!-- <view class="gwList-box-item-box-line"></view> -->
|
|
|
+ <!-- 公司简介-位置 -->
|
|
|
<view class="gwList-box-item-box-info flex justify-between align-center">
|
|
|
<view class="gwList-box-item-box-info-l flex align-center">
|
|
|
<image
|
|
|
:src="item.company?item.company.companyLogo:'../../static/logo.png'"
|
|
|
style="width: 58rpx;height: 58rpx;border-radius: 50%;margin-right: 20rpx;"
|
|
|
mode=""></image>
|
|
|
- <view class="people" v-if="item.company">
|
|
|
- {{item.company.companyLegalPerson?item.company.companyLegalPerson:'未知'}}
|
|
|
- </view>·创始人
|
|
|
+ <view class="company-info-text" v-if="item.company">
|
|
|
+ {{item.company.companyLegalPerson?item.company.companyLegalPerson:'未知'}}·人事总监
|
|
|
+ </view>
|
|
|
+ <view class="reply-time">10分钟前回复</view>
|
|
|
</view>
|
|
|
- <view class="gwList-box-item-box-info-r">
|
|
|
- {{item.distance}} {{item.county}} {{item.address}}
|
|
|
+ <view class="location-text">
|
|
|
+ {{item.distance}} {{item.county}} {{item.address}}
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
@@ -478,6 +525,13 @@
|
|
|
tuiguang: '', //分享标题
|
|
|
bgImg: '', //分享图片
|
|
|
companList: [], //公司列表
|
|
|
+ currentDirection: 0, //当前选中的方向
|
|
|
+ directionList: [ //方向列表
|
|
|
+ {id: 1, name: '不限'},
|
|
|
+ {id: 2, name: '内容运营'},
|
|
|
+ {id: 3, name: '投放运营'},
|
|
|
+ {id: 4, name: '店铺运营'}
|
|
|
+ ],
|
|
|
};
|
|
|
},
|
|
|
onShareAppMessage(res) {
|
|
@@ -617,6 +671,14 @@
|
|
|
},
|
|
|
fail: function() {
|
|
|
console.log('获取地址失败');
|
|
|
+ // 获取位置失败时也要关闭加载并调用数据接口
|
|
|
+ uni.hideLoading()
|
|
|
+ // 即使没有位置信息,也要加载数据
|
|
|
+ if (that.userType == 1) {
|
|
|
+ that.getPostType()
|
|
|
+ } else {
|
|
|
+ that.getPeopList()
|
|
|
+ }
|
|
|
}
|
|
|
})
|
|
|
this.getDomWidth()
|
|
@@ -680,6 +742,13 @@
|
|
|
that.city = data.city
|
|
|
uni.setStorageSync('city', that.city)
|
|
|
})
|
|
|
+
|
|
|
+ // 监听标签选择
|
|
|
+ uni.$once('tagSelected', data => {
|
|
|
+ console.log('选择的标签:', data)
|
|
|
+ // 这里可以处理选择的标签数据
|
|
|
+ })
|
|
|
+
|
|
|
this.getBannerList()
|
|
|
this.getgridList()
|
|
|
this.getgonggaoList()
|
|
@@ -1173,7 +1242,11 @@
|
|
|
.currentJobSx) // xx为class或者id,如 .block, #block
|
|
|
obj.boundingClientRect(function(data) { // data - dom中的参数,宽高等
|
|
|
// console.log(data.width)
|
|
|
- that.domeWidth = data.width * 2 * 0.8
|
|
|
+ if (data && data.width) {
|
|
|
+ that.domeWidth = data.width * 2 * 0.8
|
|
|
+ } else {
|
|
|
+ that.domeWidth = 0
|
|
|
+ }
|
|
|
}).exec()
|
|
|
})
|
|
|
|
|
@@ -1423,6 +1496,12 @@
|
|
|
//不吸顶
|
|
|
isunfixed() {
|
|
|
this.isfixeds = false
|
|
|
+ },
|
|
|
+ //添加方向标签
|
|
|
+ addDirection() {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: '/package/jobIntention/tagManage'
|
|
|
+ })
|
|
|
}
|
|
|
|
|
|
}
|
|
@@ -1503,26 +1582,222 @@
|
|
|
// z-index: 998;
|
|
|
}
|
|
|
|
|
|
- .topbg-type {
|
|
|
+ .topbg-sticky {
|
|
|
+ box-shadow: 0px 4px 62px 0px rgba(153, 171, 198, 0.18);
|
|
|
+ background: linear-gradient(90deg, rgba(13, 39, 247, 1), rgba(19, 193, 234, 1) 100%);
|
|
|
+ width: 100%;
|
|
|
+ height: 300rpx;
|
|
|
+ position: sticky;
|
|
|
+ top: 0px;
|
|
|
+ // z-index: 999;
|
|
|
+ padding-top: 44px;
|
|
|
+
|
|
|
+ /* 波浪效果 */
|
|
|
+ --c: rgba(255, 255, 255, 0.1);
|
|
|
+ --w1: radial-gradient(100% 57% at top, #0000 100%, var(--c) 100.5%) no-repeat;
|
|
|
+ --w2: radial-gradient(100% 57% at bottom, var(--c) 100%, #0000 100.5%) no-repeat;
|
|
|
+ background: var(--w1), var(--w2), linear-gradient(90deg, rgba(13, 39, 247, 1), rgba(19, 193, 234, 1) 100%);
|
|
|
+ background-position: 0% 100%, 100% 100%, 0 0;
|
|
|
+ background-size: 50% 100%, 50% 100%, 100% 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .topbg-sticky-box {
|
|
|
+ width: 100%;
|
|
|
+ padding: 0 40rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .topbg-sticky-title {
|
|
|
width: 100%;
|
|
|
- // height: 40rpx;
|
|
|
- // margin-top: 28rpx;
|
|
|
- padding-top: 28rpx;
|
|
|
+ margin-bottom: 20rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .topbg-sticky-title-left {
|
|
|
+ color: rgba(255, 255, 255, 1);
|
|
|
+ font-family: DM Sans;
|
|
|
+ font-size: 32rpx;
|
|
|
+ font-weight: 700;
|
|
|
+ line-height: 18px;
|
|
|
+ letter-spacing: 0%;
|
|
|
+ text-align: left;
|
|
|
+ }
|
|
|
+
|
|
|
+ .xing-icon {
|
|
|
+ width: 42rpx;
|
|
|
+ height: 42rpx;
|
|
|
+ margin-right: 12rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .topbg-sticky-title-right {
|
|
|
+ color: #ffffff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .topbg-sticky-subtitle {
|
|
|
+ color: rgba(255, 255, 255, 1);
|
|
|
+ font-family: DM Sans;
|
|
|
+ font-size: 30rpx;
|
|
|
+ font-weight: 700;
|
|
|
+ line-height: 18px;
|
|
|
+ letter-spacing: 0%;
|
|
|
+ text-align: left;
|
|
|
+ }
|
|
|
+
|
|
|
+ .topbg-type {
|
|
|
+ width: 710rpx;
|
|
|
+ border-radius: 6px;
|
|
|
+ box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.05);
|
|
|
+ background: rgba(255, 255, 255, 1);
|
|
|
+ // background: transparent;
|
|
|
+ padding: 18rpx;
|
|
|
+ margin: 24rpx auto 12rpx auto;
|
|
|
|
|
|
.topbg-type-box {
|
|
|
width: 686rpx;
|
|
|
- height: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .topbg-type-box-row {
|
|
|
+ margin-bottom: 20rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .topbg-type-box-l {
|
|
|
+ flex: 1;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow-x: auto;
|
|
|
}
|
|
|
|
|
|
.topbg-type-box-l-i {
|
|
|
- font-size: 32rpx;
|
|
|
- color: #ffffff;
|
|
|
- margin-right: 40rpx;
|
|
|
+ color: rgba(153, 153, 153, 1);
|
|
|
+ font-family: DM Sans;
|
|
|
+ font-size: 28rpx;
|
|
|
+ font-weight: 400;
|
|
|
+ line-height: 18px;
|
|
|
+ letter-spacing: 0%;
|
|
|
+ text-align: left;
|
|
|
+ margin-right: 14rpx;
|
|
|
+
|
|
|
+ &.active {
|
|
|
+ background: linear-gradient(90deg, rgba(13, 39, 247, 1), rgba(19, 193, 234, 1) 100%);
|
|
|
+ -webkit-background-clip: text;
|
|
|
+ -webkit-text-fill-color: transparent;
|
|
|
+ background-clip: text;
|
|
|
+ text-fill-color: transparent;
|
|
|
+ font-family: DM Sans;
|
|
|
+ font-size: 24rpx;
|
|
|
+ font-weight: 700;
|
|
|
+ line-height: 48rpx;
|
|
|
+ letter-spacing: 0%;
|
|
|
+ text-align: left;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.topbg-type-box-r {
|
|
|
color: #ffffff;
|
|
|
}
|
|
|
+
|
|
|
+ .attachment-icon {
|
|
|
+ width: 38rpx;
|
|
|
+ height: 38rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .direction-tip {
|
|
|
+ margin-top: 20rpx;
|
|
|
+
|
|
|
+ .direction-tip-title {
|
|
|
+ color: rgba(51, 51, 51, 1);
|
|
|
+ font-family: DM Sans;
|
|
|
+ font-size: 26rpx;
|
|
|
+ font-weight: 400;
|
|
|
+ line-height: 13px;
|
|
|
+ letter-spacing: 0%;
|
|
|
+ text-align: left;
|
|
|
+ margin-bottom: 8rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .direction-tip-subtitle {
|
|
|
+ margin-top: 16rpx;
|
|
|
+ color: rgba(153, 153, 153, 1);
|
|
|
+ font-family: DM Sans;
|
|
|
+ font-size: 24rpx;
|
|
|
+ font-weight: 400;
|
|
|
+ line-height: 10px;
|
|
|
+ letter-spacing: 0%;
|
|
|
+ text-align: left;
|
|
|
+ }
|
|
|
+
|
|
|
+ .direction-tags {
|
|
|
+ margin-top: 16rpx;
|
|
|
+
|
|
|
+ .direction-tag {
|
|
|
+ color: rgba(153, 153, 153, 1);
|
|
|
+ font-family: DM Sans;
|
|
|
+ font-size: 20rpx;
|
|
|
+ font-weight: 400;
|
|
|
+ line-height: 18px;
|
|
|
+ letter-spacing: 0%;
|
|
|
+ text-align: center;
|
|
|
+ margin-right: 18rpx;
|
|
|
+ border-radius: 6px;
|
|
|
+ background: rgba(198, 198, 198, 0.1);
|
|
|
+ padding: 8rpx 12rpx;
|
|
|
+ display: inline-block;
|
|
|
+ min-width: 60rpx;
|
|
|
+ white-space: nowrap;
|
|
|
+ cursor: pointer;
|
|
|
+ transition: all 0.3s ease;
|
|
|
+
|
|
|
+ &.active {
|
|
|
+ font-family: DM Sans;
|
|
|
+ font-size: 20rpx !important;
|
|
|
+ font-weight: 400 !important;
|
|
|
+ line-height: 18px;
|
|
|
+ letter-spacing: 0%;
|
|
|
+ text-align: left;
|
|
|
+ padding: 8rpx 12rpx !important;
|
|
|
+ color: rgba(1, 107, 246, 1) !important;
|
|
|
+ background: #D6E7FD !important;
|
|
|
+ border: 1px solid rgba(1, 107, 246, 1);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .direction-tag-add {
|
|
|
+ color: rgba(153, 153, 153, 1);
|
|
|
+ font-family: DM Sans;
|
|
|
+ font-size: 20rpx;
|
|
|
+ font-weight: 400;
|
|
|
+ line-height: 18px;
|
|
|
+ letter-spacing: 0%;
|
|
|
+ text-align: center;
|
|
|
+ margin-right: 20rpx;
|
|
|
+ border-radius: 6px;
|
|
|
+ background: rgba(198, 198, 198, 0.1);
|
|
|
+ padding: 8rpx 12rpx;
|
|
|
+ display: inline-block;
|
|
|
+ min-width: 60rpx;
|
|
|
+ white-space: nowrap;
|
|
|
+ cursor: pointer;
|
|
|
+ transition: all 0.3s ease;
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ background: rgba(198, 198, 198, 0.2);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .direction-tag-plus {
|
|
|
+ width: 40rpx;
|
|
|
+ height: 36rpx;
|
|
|
+ padding: 8rpx;
|
|
|
+ border-radius: 6px;
|
|
|
+ background: rgba(198, 198, 198, 0.1);
|
|
|
+ display: inline-flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ transition: all 0.3s ease;
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ background: rgba(198, 198, 198, 0.2);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.companyListBox {
|
|
@@ -1586,36 +1861,199 @@
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- .topbg-sx-box {
|
|
|
- width: 686rpx;
|
|
|
- // height: 25rpx;
|
|
|
- margin-top: 30rpx;
|
|
|
+ }
|
|
|
|
|
|
- .topbg-sx-box-l-i {
|
|
|
- color: #999999;
|
|
|
- font-size: 28rpx;
|
|
|
- font-weight: 500;
|
|
|
- margin-right: 38rpx;
|
|
|
+ .topbg-sx-box {
|
|
|
+ width: 100%;
|
|
|
+ margin-top: 0rpx;
|
|
|
+
|
|
|
+ .topbg-sx-box-l-i {
|
|
|
+ color: rgba(153, 153, 153, 1);
|
|
|
+ font-family: DM Sans;
|
|
|
+ font-size: 24rpx;
|
|
|
+ font-weight: 400;
|
|
|
+ line-height: 18px;
|
|
|
+ letter-spacing: 0%;
|
|
|
+ text-align: center;
|
|
|
+ margin-right: 20rpx;
|
|
|
+ border-radius: 6px;
|
|
|
+ background: rgba(198, 198, 198, 0.1);
|
|
|
+ padding: 8rpx 12rpx;
|
|
|
+ display: inline-block;
|
|
|
+ min-width: 60rpx;
|
|
|
+ white-space: nowrap;
|
|
|
+
|
|
|
+ &.active3 {
|
|
|
+ font-family: DM Sans;
|
|
|
+ font-size: 24rpx !important;
|
|
|
+ font-weight: 400 !important;
|
|
|
+ line-height: 18px;
|
|
|
+ letter-spacing: 0%;
|
|
|
+ text-align: left;
|
|
|
+ padding: 8rpx 12rpx !important;
|
|
|
+ color: rgba(1, 107, 246, 1) !important;
|
|
|
+ background: #D6E7FD !important;
|
|
|
+ border: 1px solid rgba(1, 107, 246, 1);
|
|
|
}
|
|
|
}
|
|
|
- }
|
|
|
|
|
|
+ .topbg-sx-box-r-i {
|
|
|
+ color: rgba(1, 107, 246, 1);
|
|
|
+ font-family: DM Sans;
|
|
|
+ font-size: 24rpx;
|
|
|
+ font-weight: 400;
|
|
|
+ line-height: 18px;
|
|
|
+ letter-spacing: 0%;
|
|
|
+ text-align: center;
|
|
|
+ margin-right: 20rpx;
|
|
|
+ border-radius: 6px;
|
|
|
+ background: #D6E7FD;
|
|
|
+ padding: 8rpx 12rpx;
|
|
|
+ display: inline-block;
|
|
|
+ min-width: 60rpx;
|
|
|
+ white-space: nowrap;
|
|
|
+ cursor: pointer;
|
|
|
+ transition: all 0.3s ease;
|
|
|
+ border: 0.5px solid rgba(1, 107, 246, 1);
|
|
|
+ }
|
|
|
|
|
|
+ .topbg-sx-box-filter {
|
|
|
+ color: rgba(153, 153, 153, 1);
|
|
|
+ font-family: DM Sans;
|
|
|
+ font-size: 24rpx;
|
|
|
+ font-weight: 400;
|
|
|
+ line-height: 18px;
|
|
|
+ letter-spacing: 0%;
|
|
|
+ text-align: center;
|
|
|
+ border-radius: 6px;
|
|
|
+ background: rgba(198, 198, 198, 0.1);
|
|
|
+ padding: 8rpx 12rpx;
|
|
|
+ display: inline-block;
|
|
|
+ min-width: 60rpx;
|
|
|
+ white-space: nowrap;
|
|
|
+ cursor: pointer;
|
|
|
+ transition: all 0.3s ease;
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
+ .title-left {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ gap: 8rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .job-title-text {
|
|
|
+ color: rgba(23, 23, 37, 1);
|
|
|
+ font-family: DM Sans;
|
|
|
+ font-size: 38rpx;
|
|
|
+ font-weight: 700;
|
|
|
+ line-height: 48rpx;
|
|
|
+ letter-spacing: 0.5%;
|
|
|
+ text-align: left;
|
|
|
+ }
|
|
|
+
|
|
|
+ .salary-text-box {
|
|
|
+ border-radius: 24rpx;
|
|
|
+ background: #FEE2E3;
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-start;
|
|
|
+ align-items: center;
|
|
|
+ padding: 6rpx 24rpx;
|
|
|
+
|
|
|
+ .jipin-icon {
|
|
|
+ width: 20rpx;
|
|
|
+ height: 20rpx;
|
|
|
+ margin-right: 4rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .jipin-text {
|
|
|
+ color: rgba(237, 66, 69, 1);
|
|
|
+ font-family: DM Sans;
|
|
|
+ font-size: 18rpx;
|
|
|
+ font-weight: 400;
|
|
|
+ line-height: 20px;
|
|
|
+ letter-spacing: 0.5%;
|
|
|
+ text-align: left;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .salary-text {
|
|
|
+ color: rgba(27, 229, 223, 1);
|
|
|
+ font-family: DM Sans;
|
|
|
+ font-size: 28rpx;
|
|
|
+ font-weight: 700;
|
|
|
+ line-height: 40rpx;
|
|
|
+ letter-spacing: 0.5%;
|
|
|
+ text-align: right;
|
|
|
+ }
|
|
|
+
|
|
|
+ .company-name,
|
|
|
+ .company-people {
|
|
|
+ color: rgba(156, 164, 171, 1);
|
|
|
+ font-family: DM Sans;
|
|
|
+ font-size: 24rpx;
|
|
|
+ font-weight: 400;
|
|
|
+ line-height: 40rpx;
|
|
|
+ letter-spacing: 0.5%;
|
|
|
+ text-align: left;
|
|
|
+ }
|
|
|
+
|
|
|
+ .job-tag {
|
|
|
+ height: 42rpx;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ padding: 8rpx;
|
|
|
+ border-radius: 8rpx;
|
|
|
+ background: rgba(198, 198, 198, 0.1);
|
|
|
+ margin-right: 16rpx;
|
|
|
+ margin-bottom: 16rpx;
|
|
|
+ color: rgba(153, 153, 153, 1);
|
|
|
+ font-size: 26rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .company-info-text,
|
|
|
+ .location-text {
|
|
|
+ color: rgba(156, 164, 171, 1);
|
|
|
+ font-family: DM Sans;
|
|
|
+ font-size: 20rpx;
|
|
|
+ font-weight: 400;
|
|
|
+ line-height: 40rpx;
|
|
|
+ letter-spacing: 0.5%;
|
|
|
+ text-align: left;
|
|
|
+ }
|
|
|
+
|
|
|
+ .reply-time {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ padding: 8rpx;
|
|
|
+ font-family: DM Sans;
|
|
|
+ font-size: 20rpx;
|
|
|
+ font-weight: 400;
|
|
|
+ line-height: 40rpx;
|
|
|
+ letter-spacing: 0.5%;
|
|
|
+ text-align: left;
|
|
|
+ border-radius: 12rpx;
|
|
|
+ background: #ECE1FD;
|
|
|
+ color: #8858C5;
|
|
|
+ }
|
|
|
|
|
|
.gwList {
|
|
|
width: 100%;
|
|
|
- // margin-top: 260rpx;
|
|
|
+ margin-top: 220rpx;
|
|
|
|
|
|
.gwList-box {
|
|
|
- width: 686rpx;
|
|
|
+ width: 710rpx;
|
|
|
height: 100%;
|
|
|
|
|
|
.gwList-box-item {
|
|
|
width: 100%;
|
|
|
// height: 329rpx;
|
|
|
background-color: #ffffff;
|
|
|
- border-radius: 24rpx;
|
|
|
+ border-radius: 12rpx;
|
|
|
margin-bottom: 20rpx;
|
|
|
padding-bottom: 20rpx;
|
|
|
}
|
|
@@ -1625,27 +2063,15 @@
|
|
|
height: 100%;
|
|
|
|
|
|
.gwList-box-item-box-title {
|
|
|
- margin-top: 30rpx;
|
|
|
-
|
|
|
- view:nth-of-type(1) {
|
|
|
- color: #1F1F1F;
|
|
|
- font-size: 38rpx;
|
|
|
- font-weight: 800;
|
|
|
- }
|
|
|
-
|
|
|
- text:nth-of-type(1) {
|
|
|
- color: #00B88F;
|
|
|
- font-size: 38rpx;
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
+ margin-top: 28rpx;
|
|
|
}
|
|
|
|
|
|
.gwList-box-item-box-label {
|
|
|
- margin-top: 30rpx;
|
|
|
+ margin-top: 14rpx;
|
|
|
}
|
|
|
|
|
|
.gwList-box-item-box-name {
|
|
|
- margin-top: 24rpx;
|
|
|
+ margin-top: 14rpx;
|
|
|
color: #999999;
|
|
|
font-size: 28rpx;
|
|
|
font-weight: 500;
|
|
@@ -1661,16 +2087,19 @@
|
|
|
.gwList-box-item-box-info {
|
|
|
font-size: 26rpx;
|
|
|
|
|
|
- .gwList-box-item-box-info-l {
|
|
|
- color: #1A1A1A;
|
|
|
+ .gwList-box-item-box-info-l {
|
|
|
+ color: #1A1A1A;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ gap: 12rpx;
|
|
|
|
|
|
- .people {
|
|
|
- max-width: 110rpx;
|
|
|
- overflow: hidden; //超出的文本隐藏
|
|
|
- text-overflow: ellipsis; //溢出用省略号显示
|
|
|
- white-space: nowrap; // 默认不换行;
|
|
|
- }
|
|
|
+ .people {
|
|
|
+ max-width: 110rpx;
|
|
|
+ overflow: hidden; //超出的文本隐藏
|
|
|
+ text-overflow: ellipsis; //溢出用省略号显示
|
|
|
+ white-space: nowrap; // 默认不换行;
|
|
|
}
|
|
|
+ }
|
|
|
|
|
|
.gwList-box-item-box-info-r {
|
|
|
color: #999999;
|