|
Before Width: | Height: | Size: 2.0 KiB After Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 4.9 KiB After Width: | Height: | Size: 2.5 KiB |
|
Before Width: | Height: | Size: 3.4 KiB After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
@ -1,6 +1,6 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"wxml-to-canvas": "wxml-to-canvas"
|
||||
},
|
||||
"navigationBarTitleText": " "
|
||||
}
|
||||
"usingComponents": {
|
||||
"di": "plugin://job-plugin/detail"
|
||||
}
|
||||
|
||||
}
|
||||
@ -1,317 +1,2 @@
|
||||
<view class="pb180 bt1">
|
||||
|
||||
|
||||
|
||||
<view class='p20 pb10 pt12'>
|
||||
<view class='v-center'>
|
||||
<view class='jobTitle'>
|
||||
<!-- {{jobDetail.store.aliasName}} {{jobDetail.storeJob.jobName}} -->
|
||||
{{jobDetail.storeJob.jobName}}
|
||||
<button open-type="share" class="sharebtn" style="width:unset;padding:0;font-weight:100">
|
||||
<i class="iconfont icon-zhuanfa f20" style="color: #999;"></i>
|
||||
</button>
|
||||
</view>
|
||||
</view>
|
||||
<view class='display-flex mt12'>
|
||||
<view class="display-flex flex-1">
|
||||
<view>
|
||||
<image class='tImage' wx:if="{{jobDetail.store.logo != null && jobDetail.store.logo != ''}}" mode='aspectFit' src='{{jobDetail.store.logo}}'>
|
||||
</image>
|
||||
<image class='tImage' wx:else mode='aspectFit' src='https://matripe.oss-cn-beijing.aliyuncs.com/default.png'>
|
||||
</image>
|
||||
</view>
|
||||
<view class="flex-1 vsb">
|
||||
<view class='f14s c045 mb4'>
|
||||
<!-- 深圳丨龙岗区丨16-35岁 -->
|
||||
{{citys}}{{jobDetail.store.distance}}
|
||||
<!-- {{jobDetail.store.distance}} -->
|
||||
</view>
|
||||
<view class='f14s c045 mb4'>
|
||||
<!-- 深圳丨龙岗区丨16-35岁 -->
|
||||
<block>{{jobDetail.storeJob.genderRestrict}}</block>
|
||||
丨{{jobDetail.storeJob.age}}
|
||||
<!-- {{jobDetail.storeJob.district}}{{jobDetail.storeJob.age}} -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="tr">
|
||||
<view class='jobMoney'>
|
||||
<!-- {{jobDetail.storeJob.combiSalary}} -->
|
||||
<!-- {{jobDetail.storeJob.hourlyPay}} -->
|
||||
{{jobDetail.storeJob.salaryClassifyValue}}
|
||||
</view>
|
||||
<view class='f14s c633 mt10'>
|
||||
<!-- 5200-8400 -->
|
||||
{{jobDetail.storeJob.monthlyPay}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="bb1 tabBox pb4">
|
||||
<!-- <view wx:if="{{jobDetail.storeJob.rebate != null}}" class='tagsLi spli'>
|
||||
返费{{jobDetail.storeJob.rebate}}
|
||||
</view> -->
|
||||
<view class="display-flex " hover-class="none" hover-stop-propagation="false" style="align-ltems:center">
|
||||
<view class="t-icon t-icon-ziying1" wx:if="{{jobDetail.storeProjectSignType == 1}}"></view>
|
||||
<view class='tagsLi' style="color:{{labelColor[index % labelColor.length]}};background-color:{{bgColor[index % bgColor.length]}};" wx:for="{{jobDetail.storeJob.jobSpecialLabelNames}}" wx:for-item="item1" wx:key='index'>{{item1}}</view>
|
||||
</view>
|
||||
<view class="display-flex" hover-class="none" hover-stop-propagation="false">
|
||||
<view class='tagsLi' tyle="color:{{labelColor[index % labelColor.length]}};background-color:{{bgColor[index % bgColor.length]}};" wx:for="{{jobDetail.storeJob.jobRequestLabelNames}}" wx:for-item="item1" wx:key='index'>{{item1}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="mg020 pb10 bb1 v-center">
|
||||
<view wx:if="{{jobDetail.poses.store.latitude}}">
|
||||
<i class="iconfont icon-dizhi11 f18 mr10 lh1" style="color:#027AFF;"></i>
|
||||
</view>
|
||||
<view class="address" bindtap="openMap" data-lat="{{jobDetail.poses.store.latitude}}" data-lng="{{jobDetail.poses.store.longitude}}" data-address="{{jobDetail.poses.store.posContent}}">{{jobDetail.poses.store.posContent ? jobDetail.poses.store.posContent :'暂无地址信息'}}</view>
|
||||
<view>
|
||||
<i class="iconfont icon-gengduo1 f14 ml18 dib pr c9" style="line-height:1;top:1px;"></i>
|
||||
</view>
|
||||
</view>
|
||||
<view class="p020">
|
||||
<!-- <view class="storeTitle" data-title="{{jobDetail.storeJob.storeName}}"> {{jobDetail.storeJob.storeName}}</view> -->
|
||||
<scroll-view scroll-x="true" class="scroll-header bb1" wx:if='{{jobDetail.storeImage.length != 0}}'>
|
||||
<view wx:for='{{jobDetail.storeImage}}' class="scrollImgBox" wx:key='index'>
|
||||
<!-- <view wx:if="{{item.isImg}}" > -->
|
||||
<image data-src="{{item.url}}" data-id='{{item.id}}' wx:if="{{item.isImg}}" src="{{item.url}}" mode="aspectFill" class="scrollImg" bindtap="showImage" ></image>
|
||||
<view class="videoContainer" data-id='{{item.id}}' bindtap="showVideo" hover-class="none" hover-stop-propagation="false" wx:if="{{!item.isImg && item.url}}" style='width:100%;height:100%'>
|
||||
<video class="theVideo" id='{{item.id}}' data-id='{{item.id}}' src="{{item.url}}" show-fullscreen-btn='{{false}}' show-play-btn='{{false}}' show-center-play-btn='{{false}}' bindfullscreenchange="fullScreen" enable-play-gesture='{{true}}'>
|
||||
<view wx:if="{{isShareShow}}" bindtap='shareVideo' custom-cache="{{false}}" data-src="{{item.url}}" class="t-icon t-icon-fenxiang" hover-class="none" hover-stop-propagation="false"></view>
|
||||
</video>
|
||||
</view>
|
||||
<view bindtap='shareVideo' custom-cache="{{false}}" data-src="{{item.url}}" class="t-icon t-icon-fenxiang" hover-class="none" hover-stop-propagation="false"></view>
|
||||
<!-- </view> -->
|
||||
<!-- <view wx:if="{{!item.isImg}}">
|
||||
<view class="pr" class="scrollImgBox">
|
||||
<video wx:key='{{index}}' id='a{{item.id}}' bindfullscreenchange="screenChange" src="{{item.url}}" controls="true" bindended="closeVideo" controls class="scrollImg"></video>
|
||||
<view class="scrollImg" id="{{item.id}}" style="background-color: #787878;position: absolute;left: 0;opacity: 0;" catchtap='play'></view>
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
|
||||
<view class="f14 p020">
|
||||
<view class="detailH3">薪资待遇</view>
|
||||
<view class="outSp">
|
||||
<view class="display-flex">
|
||||
<view class="rb1">薪资明细</view>
|
||||
<view class="textb1">{{jobDetail.storeJob.salaryDetail}}</view>
|
||||
</view>
|
||||
<view class="display-flex">
|
||||
<view class="rb1">薪资发放</view>
|
||||
<view class="textb1">{{jobDetail.storeJob.payDay}}</view>
|
||||
</view>
|
||||
<view class="display-flex">
|
||||
<view class="rb1">银行卡</view>
|
||||
<view class="textb1">{{jobDetail.storeJob.bankInfo}}</view>
|
||||
</view>
|
||||
<view class="display-flex">
|
||||
<view class="rb1">工期</view>
|
||||
<view class="textb1">{{jobDetail.storeJob.workCycle}}</view>
|
||||
</view>
|
||||
<view class="display-flex">
|
||||
<view class="rb1">培训</view>
|
||||
<view class="textb1">{{jobDetail.storeJob.training}}</view>
|
||||
</view>
|
||||
<view class="display-flex">
|
||||
<view class="rb1">试用期</view>
|
||||
<view class="textb1">{{jobDetail.storeJob.probation}}</view>
|
||||
</view>
|
||||
<view class="display-flex">
|
||||
<view class="rb1">福利待遇</view>
|
||||
<view class="textb1">{{jobDetail.storeJob.boon}}</view>
|
||||
</view>
|
||||
<view class="display-flex">
|
||||
<view class="rb1">薪资说明</view>
|
||||
<view class="textb1">{{jobDetail.storeJob.salaryDesp}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="detailH3">招聘要求</view>
|
||||
<view class="outSp">
|
||||
<view class="display-flex">
|
||||
<view class="rb1">性别年龄</view>
|
||||
<view class="textb1">{{showSexAgeText}}</view>
|
||||
</view>
|
||||
<view class="display-flex">
|
||||
<view class="rb1">文化学历</view>
|
||||
<view class="textb1">{{jobDetail.storeJob.education}}</view>
|
||||
</view>
|
||||
|
||||
<!-- <view class="display-flex">
|
||||
<view class="rb1">文化学历</view>
|
||||
<view class="textb1">{{jobDetail.storeJob.education}}</view>
|
||||
</view> -->
|
||||
|
||||
|
||||
<view class="display-flex">
|
||||
<view class="rb1">证件</view>
|
||||
<view class="textb1">{{jobDetail.storeJob.idCard}}</view>
|
||||
</view>
|
||||
|
||||
<view class="display-flex">
|
||||
<view class="rb1">疑难杂症</view>
|
||||
<view class="textb1">{{jobDetail.storeJob.otherRequire}}</view>
|
||||
</view>
|
||||
|
||||
|
||||
<view class="display-flex">
|
||||
<view class="rb1">体检</view>
|
||||
<view class="textb1">{{jobDetail.storeJob.healthRequire}}</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="detailH3">岗位说明</view>
|
||||
<view class="outSp">
|
||||
<view class="display-flex">
|
||||
<view class="rb1">工作内容</view>
|
||||
<view class="textb1">{{jobDetail.storeJob.workContent}}</view>
|
||||
</view>
|
||||
<view class="display-flex">
|
||||
<view class="rb1">工作方式</view>
|
||||
<view class="textb1">{{jobDetail.storeJob.workMode}}</view>
|
||||
</view>
|
||||
<view class="display-flex">
|
||||
<view class="rb1">班次工时</view>
|
||||
<view class="textb1">{{jobDetail.storeJob.workClasses}}</view>
|
||||
</view>
|
||||
<view class="display-flex">
|
||||
<view class="rb1">工作衣</view>
|
||||
<view class="textb1">{{jobDetail.storeJob.workClothes}}</view>
|
||||
</view>
|
||||
<view class="display-flex">
|
||||
<view class="rb1">车间</view>
|
||||
<view class="textb1">{{jobDetail.storeJob.securityCheck}}</view>
|
||||
</view>
|
||||
<view class="display-flex">
|
||||
<view class="rb1">保险</view>
|
||||
<view class="textb1">{{jobDetail.storeJob.employeeInsurance}}</view>
|
||||
</view>
|
||||
<view class="display-flex">
|
||||
<view class="rb1">换岗调班</view>
|
||||
<view class="textb1">{{jobDetail.storeJob.otherDesp}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="detailH3">吃饭住宿</view>
|
||||
<view class="outSp">
|
||||
<view class="display-flex">
|
||||
<view class="rb1">吃饭</view>
|
||||
<view class="textb1" style="padding:0;">
|
||||
<view class="display-flex">
|
||||
<view class="rb1">吃饭</view>
|
||||
<view class="textb1">{{jobDetail.storeJob.workingLunch}}</view>
|
||||
</view>
|
||||
<!-- <view class="display-flex">
|
||||
<view class="rb1">补充说明</view>
|
||||
<view class="textb1">{{jobDetail.storeJob.workingLunchDesp}}</view>
|
||||
</view> -->
|
||||
</view>
|
||||
</view>
|
||||
<view class="display-flex">
|
||||
<view class="rb1">住宿</view>
|
||||
<view class="textb1" style="padding:0;">
|
||||
<view class="display-flex">
|
||||
<view class="rb1 sbb1">住宿费用</view>
|
||||
<view class="textb1 sbb1">{{jobDetail.storeJob.dormitory}}</view>
|
||||
</view>
|
||||
<view class="display-flex">
|
||||
<view class="rb1 sbb1">宿舍设施</view>
|
||||
<view class="textb1 sbb1">{{jobDetail.storeJob.dormitoryFacilities}}</view>
|
||||
</view>
|
||||
<view class="display-flex">
|
||||
<view class="rb1 sbb1">宿舍距离</view>
|
||||
<view class="textb1 sbb1">{{jobDetail.storeJob.dormDistance}}</view>
|
||||
</view>
|
||||
<view class="display-flex">
|
||||
<view class="rb1 sbb1">厂车</view>
|
||||
<view class="textb1 sbb1">{{jobDetail.storeJob.bus}}</view>
|
||||
</view>
|
||||
<!-- <view class="display-flex">
|
||||
<view class="rb1 sbb1">水电费</view>
|
||||
<view class="textb1 sbb1">{{jobDetail.storeJob.waterAndElec}}</view>
|
||||
</view> -->
|
||||
<view class="display-flex">
|
||||
<view class="rb1">住宿要求</view>
|
||||
<view class="textb1">{{jobDetail.storeJob.dormitoryDesp}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view wx:if="{{jobDetail.storeJob.OtherInfo}}">
|
||||
<view class="detailH3">其它信息</view>
|
||||
<view class="pri border1" style="line-height:24px;padding:3px 8px;border-radius: 4px;color:#333">{{jobDetail.storeJob.OtherInfo}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<view class='bottomBtn' style="padding-bottom:{{pbtm}}px">
|
||||
<view class='display-flex tc'>
|
||||
<view class='flex-1 pl16' style='padding-right: 10px;' bindtap='showphone'>
|
||||
<view style="position:relative;top:2px;">
|
||||
<icon class="iconfont icon-dianhua2 lh1" style="color:#787878;font-size:18px;position:relative;top:1px"></icon>
|
||||
<view class="btext" style="margin-top:2px;">电话</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class='flex-1' style='padding-right: 10px;' bindtap="textPaste">
|
||||
<view style="position:relative;top:2px;">
|
||||
<icon class="iconfont icon-weixin lh1" style="color:#787878;font-size:18px;">
|
||||
</icon>
|
||||
<view class="btext" style="margin-top:2px;">微信</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class='flex-1' style='padding-right: 10px;' bindtap="collectPaste">
|
||||
<button catchtap="collectPaste" data-collected="{{jobDetail.storeJob.collected}}" data-jobid="{{jobDetail.storeJob.id}}" wx:if="{{isLogin}}" class="collectBtn" style="position:relative;top:3px;">
|
||||
<icon class="iconfont {{jobDetail.storeJob.collected - 2 == 0 ? 'icon-wode-shoucang':'icon-shoucang-red'}} lh1" style="font-size:18px;color:#787878;"></icon>
|
||||
<view class="btext" style="color:{{jobDetail.storeJob.collected - 1 == 0 ? '#DA0106' : ''}}">{{jobDetail.storeJob.collected - 1 == 0 ? '已' : ''}}收藏</view>
|
||||
</button>
|
||||
<button open-type="getPhoneNumber" catchgetphonenumber="getPhoneNumber" catchtap="emptyMethod" wx:else data-collected="{{jobDetail.storeJob.collected}}" data-jobid="{{jobDetail.storeJob.id}}" class="collectBtn" style="position:relative;top:3px;">
|
||||
<icon class="iconfont {{isCollect ? 'icon-shoucang-red':' icon-wode-shoucang'}} lh1" style="font-size:18px;color:#787878;"></icon>
|
||||
<view class="btext">收藏</view>
|
||||
</button>
|
||||
</view>
|
||||
<view class='flex-3' style='padding-right: 16px;'>
|
||||
<button wx:if="{{isLogin}}" type='primary' class="detailBtn" bindtap='goEnroll'>
|
||||
立即报名
|
||||
</button>
|
||||
<button wx:else type='primary' class="detailBtn" open-type="getPhoneNumber" catchgetphonenumber="getPhoneNumber" catchtap="emptyMethod">
|
||||
立即报名
|
||||
</button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="noShow">
|
||||
<button bindtap="renderToCanvas">渲染到canvas</button>
|
||||
<button bindtap="extraImage">导出图片</button>
|
||||
<image src="{{src}}" style="width:300px; height: 240px"></image>
|
||||
<wxml-to-canvas class="widget" style="width:400px; height: 360px"></wxml-to-canvas>
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
<scroll-view class="fadeIn" wx:if="{{phoneDialog}}" style="position: relative;z-index: 999;">
|
||||
<view class="weui-mask"></view>
|
||||
<view class="weui-dialog p020" style="box-sizing:border-box;">
|
||||
<view class="weui-dialog__hd bb1">
|
||||
<!-- <strong class="weui-dialog__title">18039237825</strong></view> -->
|
||||
<!-- <view class="weui-dialog__bd">
|
||||
<view>现在登录吗?</view>
|
||||
</view> -->
|
||||
<image src="http://matripe.oss-cn-beijing.aliyuncs.com/goodJob/bocaoLogo.png" style="width:56px;height:56px;border-radius:50%;"></image>
|
||||
<view class="f20 c3">孔老师</view>
|
||||
<view class="f14 c9">人才经纪人</view>
|
||||
<!-- <view class="mt20 f22 c3">{{pmdUserInfo.tel}}</view> -->
|
||||
<view class="mt20 f22 c3">18039237825</view>
|
||||
</view>
|
||||
|
||||
<view class="display-flex pb20" style="padding-top:20px;">
|
||||
<view class="flex-1 lflex v-center" bindtap="close" hover-class="thover">取消</view>
|
||||
<view class="rflex">
|
||||
<button class="" type="primary" bindtap="makePhoneCall">呼叫</button>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
<!--pages/detail/index.wxml-->
|
||||
<di s_id="{{id}}" bind:click_enroll="sub_enroll" bindsendTitle="sendTitle"></di>
|
||||
|
||||
@ -1,372 +1,4 @@
|
||||
page,
|
||||
.pb180 {
|
||||
padding-bottom: 120px;
|
||||
}
|
||||
|
||||
.bottomBtn {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
background-color: #fff;
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
.mt3{
|
||||
margin-top: 3px;
|
||||
}
|
||||
.sharebtn{
|
||||
padding-right: 0;
|
||||
margin: 0;
|
||||
display: inline;
|
||||
background-color: transparent;
|
||||
line-height: 1;
|
||||
float:right;
|
||||
margin-top: 5px;
|
||||
}
|
||||
.ml2{
|
||||
margin-left: 2px;
|
||||
}
|
||||
.am-button {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.activeList {
|
||||
display: flex;
|
||||
text-align: center;
|
||||
}
|
||||
button::after{
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.menu {
|
||||
flex: 1;
|
||||
line-height: 1.5;
|
||||
font-size: 16px;
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
border-bottom: 4px solid transparent;
|
||||
}
|
||||
|
||||
.menu.active {
|
||||
font-weight: 601;
|
||||
color: rgba(0, 0, 0, 0.85);
|
||||
border-bottom: 4px solid #FE633F;
|
||||
}
|
||||
.icon-wode-shoucang{
|
||||
color: #787878 !important;
|
||||
}
|
||||
.icon-shoucang-red{
|
||||
color: #DA0106 !important;
|
||||
}
|
||||
.scrollImg {
|
||||
/* width: 67px;
|
||||
height: 67px;
|
||||
margin-right: 12px;
|
||||
margin-top: 20px; */
|
||||
/* margin-top: 16px; */
|
||||
}
|
||||
|
||||
.show{
|
||||
display:show;
|
||||
}
|
||||
.hide{
|
||||
display:none;
|
||||
}
|
||||
|
||||
.scroll-header {
|
||||
display: flex;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.scroll-header view {
|
||||
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.scroll-header image:first-child {
|
||||
margin-left: 0px;
|
||||
}
|
||||
button.detailBtn{
|
||||
margin-bottom: 0;
|
||||
padding: 7px 0;
|
||||
font-size: 18px;
|
||||
font-weight: 601;
|
||||
color: #ffffff;
|
||||
line-height: 26px;
|
||||
margin-top: 8px;
|
||||
background: #027AFF;
|
||||
border-radius: 21px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.flex-1.f14.c085{
|
||||
/* white-space: pre-wrap; */
|
||||
white-space: pre-line;
|
||||
font-size: 17px;
|
||||
line-height: 28px;
|
||||
}
|
||||
button.collectBtn{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
line-height: 1.4;
|
||||
padding: 0;
|
||||
background-color: #fff;
|
||||
/* text-align: left; */
|
||||
/* background-color: #fff; */
|
||||
}
|
||||
.tagsLi{
|
||||
height: 20px;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
margin-right: 8px;
|
||||
margin-bottom: 8px;
|
||||
color: #888;
|
||||
line-height: 18px;
|
||||
padding: 0px 4px;
|
||||
}
|
||||
.pb4{
|
||||
padding-bottom: 4px;
|
||||
}
|
||||
.mg020 {
|
||||
margin: 0 20px;
|
||||
}
|
||||
.dName{
|
||||
font-size: 16px;
|
||||
font-weight: 601;
|
||||
color: #262626;
|
||||
line-height: 22px;
|
||||
}
|
||||
.dsName{
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
color: #8c8c8c;
|
||||
line-height: 17px;
|
||||
}
|
||||
.ava{
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
border-radius: 50%;
|
||||
margin-right: 14px;
|
||||
}
|
||||
.f25{
|
||||
font-size: 25px;
|
||||
}
|
||||
.p20-0{
|
||||
padding: 20px 0;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.p020{
|
||||
padding: 0 20px;
|
||||
}
|
||||
.dianhua{
|
||||
color: #787878;
|
||||
}
|
||||
.achover .dianhua{
|
||||
color:#999;
|
||||
}
|
||||
.scrollImgBox {
|
||||
position: relative;
|
||||
border-radius: 4px;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
margin: 12px 5px;
|
||||
overflow: hidden;
|
||||
}
|
||||
image {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
.show {
|
||||
display: show;
|
||||
}
|
||||
.hide {
|
||||
display: none;
|
||||
}
|
||||
.p020 {
|
||||
padding: 0 20px;
|
||||
}
|
||||
.scroll-header {
|
||||
display: flex;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.scroll-header view {
|
||||
display: inline-block;
|
||||
}
|
||||
.scroll-header video {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 8px;
|
||||
}
|
||||
.scroll-header image:first-child {
|
||||
margin-left: 0px;
|
||||
}
|
||||
.storeTitle{
|
||||
font-size: 18px;
|
||||
font-weight: 601;
|
||||
color: #262626;
|
||||
line-height: 25px;
|
||||
/* margin-bottom: 10px; */
|
||||
}
|
||||
.storeInfo{
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
color: #939393;
|
||||
line-height: 21px;
|
||||
white-space: pre-line;
|
||||
}
|
||||
.address{
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
color: #333;
|
||||
line-height: 21px;
|
||||
flex: 1;
|
||||
}
|
||||
.btext{
|
||||
font-size: 11px;
|
||||
font-weight: 400;
|
||||
color: #444444;
|
||||
line-height: 16px;
|
||||
margin-top: 2px;
|
||||
}
|
||||
.flex-3{
|
||||
flex: 3;
|
||||
}
|
||||
.noShow{
|
||||
position: absolute;
|
||||
top: -9999px;
|
||||
}
|
||||
.detailH3 {
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
color: #000;
|
||||
line-height: 22px;
|
||||
margin-top: 16px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.pri {
|
||||
white-space: pre-line;
|
||||
}
|
||||
.pri:empty:before,
|
||||
.textb1:empty:before {
|
||||
content: "-" !important;
|
||||
color: #333;
|
||||
}
|
||||
.outSp {
|
||||
border: 1px solid #f3f3f3;
|
||||
border-radius: 4px;
|
||||
/* line-height: 56rpx; */
|
||||
}
|
||||
.outSp .display-flex:last-child .rb1,
|
||||
.outSp .display-flex:last-child .textb1 {
|
||||
border-bottom: 0;
|
||||
}
|
||||
.sbb1 {
|
||||
border-bottom: 1rpx solid #eee !important;
|
||||
}
|
||||
.tabBox .display-flex {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.tabBox .display-flex > view {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.rb1 {
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
text-align: center;
|
||||
width: 80px;
|
||||
border-right: 1px solid #f3f3f3;
|
||||
border-bottom: 1px solid #f3f3f3;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.textb1 {
|
||||
white-space: pre-line;
|
||||
color: #333;
|
||||
border-bottom: 1px solid #f3f3f3;
|
||||
padding: 0 8px;
|
||||
flex: 1;
|
||||
line-height: 1.8;
|
||||
padding-top: 3px;
|
||||
}
|
||||
.jobMoney {
|
||||
color: var(--color-ysd);
|
||||
}
|
||||
.c633 {
|
||||
color: var(--color-027);
|
||||
}
|
||||
.videoContainer::after {
|
||||
content: "";
|
||||
width: 0;
|
||||
height: 0;
|
||||
border: 10px solid #ffffffbb;
|
||||
border-right-color: transparent;
|
||||
border-top-color: transparent;
|
||||
border-left-width: 16px;
|
||||
border-right-width: 0px;
|
||||
border-bottom-color: transparent;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
border-radius: 3px;
|
||||
transform: translate(-50%, -50%);
|
||||
/* background-color: #ffffff; */
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
}
|
||||
.theVideo {
|
||||
position: relative;
|
||||
}
|
||||
.theVideo .t-icon {
|
||||
position: absolute;
|
||||
bottom: 80px;
|
||||
right: 30px;
|
||||
width: 20px;
|
||||
height: 24px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100%;
|
||||
z-index: 1111;
|
||||
}
|
||||
.theVideo .t-icon::after {
|
||||
position: absolute;
|
||||
content: "";
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -55%);
|
||||
background-color: #ffffff66;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.t-icon-ziying1 {
|
||||
background-repeat: no-repeat;
|
||||
display: inline-block;
|
||||
width: 32px;
|
||||
height: 20px;
|
||||
margin-right: 6px;
|
||||
}
|
||||
.ml18{
|
||||
margin-left: 18px;
|
||||
}
|
||||
.mask {
|
||||
position: fixed;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 99;
|
||||
pointer-events: none;
|
||||
/* display: none; */
|
||||
}
|
||||
.norecruit {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 38px;
|
||||
line-height: 38px;
|
||||
top: -38px;
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
background-color: #666;
|
||||
color: #fff;
|
||||
/* display: none; */
|
||||
}
|
||||
/* pages/detail/index.wxss */
|
||||
page{
|
||||
padding-bottom: 120px;
|
||||
}
|
||||
@ -0,0 +1,6 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"wxml-to-canvas": "wxml-to-canvas"
|
||||
},
|
||||
"navigationBarTitleText": " "
|
||||
}
|
||||
@ -0,0 +1,317 @@
|
||||
<view class="pb180 bt1">
|
||||
|
||||
|
||||
|
||||
<view class='p20 pb10 pt12'>
|
||||
<view class='v-center'>
|
||||
<view class='jobTitle'>
|
||||
<!-- {{jobDetail.store.aliasName}} {{jobDetail.storeJob.jobName}} -->
|
||||
{{jobDetail.storeJob.jobName}}
|
||||
<button open-type="share" class="sharebtn" style="width:unset;padding:0;font-weight:100">
|
||||
<i class="iconfont icon-zhuanfa f20" style="color: #999;"></i>
|
||||
</button>
|
||||
</view>
|
||||
</view>
|
||||
<view class='display-flex mt12'>
|
||||
<view class="display-flex flex-1">
|
||||
<view>
|
||||
<image class='tImage' wx:if="{{jobDetail.store.logo != null && jobDetail.store.logo != ''}}" mode='aspectFit' src='{{jobDetail.store.logo}}'>
|
||||
</image>
|
||||
<image class='tImage' wx:else mode='aspectFit' src='https://matripe.oss-cn-beijing.aliyuncs.com/default.png'>
|
||||
</image>
|
||||
</view>
|
||||
<view class="flex-1 vsb">
|
||||
<view class='f14s c045 mb4'>
|
||||
<!-- 深圳丨龙岗区丨16-35岁 -->
|
||||
{{citys}}{{jobDetail.store.distance}}
|
||||
<!-- {{jobDetail.store.distance}} -->
|
||||
</view>
|
||||
<view class='f14s c045 mb4'>
|
||||
<!-- 深圳丨龙岗区丨16-35岁 -->
|
||||
<block>{{jobDetail.storeJob.genderRestrict}}</block>
|
||||
丨{{jobDetail.storeJob.age}}
|
||||
<!-- {{jobDetail.storeJob.district}}{{jobDetail.storeJob.age}} -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="tr">
|
||||
<view class='jobMoney'>
|
||||
<!-- {{jobDetail.storeJob.combiSalary}} -->
|
||||
<!-- {{jobDetail.storeJob.hourlyPay}} -->
|
||||
{{jobDetail.storeJob.salaryClassifyValue}}
|
||||
</view>
|
||||
<view class='f14s c633 mt10'>
|
||||
<!-- 5200-8400 -->
|
||||
{{jobDetail.storeJob.monthlyPay}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="bb1 tabBox pb4">
|
||||
<!-- <view wx:if="{{jobDetail.storeJob.rebate != null}}" class='tagsLi spli'>
|
||||
返费{{jobDetail.storeJob.rebate}}
|
||||
</view> -->
|
||||
<view class="display-flex " hover-class="none" hover-stop-propagation="false" style="align-ltems:center">
|
||||
<view class="t-icon t-icon-ziying1" wx:if="{{jobDetail.storeProjectSignType == 1}}"></view>
|
||||
<view class='tagsLi' style="color:{{labelColor[index % labelColor.length]}};background-color:{{bgColor[index % bgColor.length]}};" wx:for="{{jobDetail.storeJob.jobSpecialLabelNames}}" wx:for-item="item1" wx:key='index'>{{item1}}</view>
|
||||
</view>
|
||||
<view class="display-flex" hover-class="none" hover-stop-propagation="false">
|
||||
<view class='tagsLi' tyle="color:{{labelColor[index % labelColor.length]}};background-color:{{bgColor[index % bgColor.length]}};" wx:for="{{jobDetail.storeJob.jobRequestLabelNames}}" wx:for-item="item1" wx:key='index'>{{item1}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="mg020 pb10 bb1 v-center">
|
||||
<view wx:if="{{jobDetail.poses.store.latitude}}">
|
||||
<i class="iconfont icon-dizhi11 f18 mr10 lh1" style="color:#027AFF;"></i>
|
||||
</view>
|
||||
<view class="address" bindtap="openMap" data-lat="{{jobDetail.poses.store.latitude}}" data-lng="{{jobDetail.poses.store.longitude}}" data-address="{{jobDetail.poses.store.posContent}}">{{jobDetail.poses.store.posContent ? jobDetail.poses.store.posContent :'暂无地址信息'}}</view>
|
||||
<view>
|
||||
<i class="iconfont icon-gengduo1 f14 ml18 dib pr c9" style="line-height:1;top:1px;"></i>
|
||||
</view>
|
||||
</view>
|
||||
<view class="p020">
|
||||
<!-- <view class="storeTitle" data-title="{{jobDetail.storeJob.storeName}}"> {{jobDetail.storeJob.storeName}}</view> -->
|
||||
<scroll-view scroll-x="true" class="scroll-header bb1" wx:if='{{jobDetail.storeImage.length != 0}}'>
|
||||
<view wx:for='{{jobDetail.storeImage}}' class="scrollImgBox" wx:key='index'>
|
||||
<!-- <view wx:if="{{item.isImg}}" > -->
|
||||
<image data-src="{{item.url}}" data-id='{{item.id}}' wx:if="{{item.isImg}}" src="{{item.url}}" mode="aspectFill" class="scrollImg" bindtap="showImage" ></image>
|
||||
<view class="videoContainer" data-id='{{item.id}}' bindtap="showVideo" hover-class="none" hover-stop-propagation="false" wx:if="{{!item.isImg && item.url}}" style='width:100%;height:100%'>
|
||||
<video class="theVideo" id='{{item.id}}' data-id='{{item.id}}' src="{{item.url}}" show-fullscreen-btn='{{false}}' show-play-btn='{{false}}' show-center-play-btn='{{false}}' bindfullscreenchange="fullScreen" enable-play-gesture='{{true}}'>
|
||||
<view wx:if="{{isShareShow}}" bindtap='shareVideo' custom-cache="{{false}}" data-src="{{item.url}}" class="t-icon t-icon-fenxiang" hover-class="none" hover-stop-propagation="false"></view>
|
||||
</video>
|
||||
</view>
|
||||
<view bindtap='shareVideo' custom-cache="{{false}}" data-src="{{item.url}}" class="t-icon t-icon-fenxiang" hover-class="none" hover-stop-propagation="false"></view>
|
||||
<!-- </view> -->
|
||||
<!-- <view wx:if="{{!item.isImg}}">
|
||||
<view class="pr" class="scrollImgBox">
|
||||
<video wx:key='{{index}}' id='a{{item.id}}' bindfullscreenchange="screenChange" src="{{item.url}}" controls="true" bindended="closeVideo" controls class="scrollImg"></video>
|
||||
<view class="scrollImg" id="{{item.id}}" style="background-color: #787878;position: absolute;left: 0;opacity: 0;" catchtap='play'></view>
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
|
||||
<view class="f14 p020">
|
||||
<view class="detailH3">薪资待遇</view>
|
||||
<view class="outSp">
|
||||
<view class="display-flex">
|
||||
<view class="rb1">薪资明细</view>
|
||||
<view class="textb1">{{jobDetail.storeJob.salaryDetail}}</view>
|
||||
</view>
|
||||
<view class="display-flex">
|
||||
<view class="rb1">薪资发放</view>
|
||||
<view class="textb1">{{jobDetail.storeJob.payDay}}</view>
|
||||
</view>
|
||||
<view class="display-flex">
|
||||
<view class="rb1">银行卡</view>
|
||||
<view class="textb1">{{jobDetail.storeJob.bankInfo}}</view>
|
||||
</view>
|
||||
<view class="display-flex">
|
||||
<view class="rb1">工期</view>
|
||||
<view class="textb1">{{jobDetail.storeJob.workCycle}}</view>
|
||||
</view>
|
||||
<view class="display-flex">
|
||||
<view class="rb1">培训</view>
|
||||
<view class="textb1">{{jobDetail.storeJob.training}}</view>
|
||||
</view>
|
||||
<view class="display-flex">
|
||||
<view class="rb1">试用期</view>
|
||||
<view class="textb1">{{jobDetail.storeJob.probation}}</view>
|
||||
</view>
|
||||
<view class="display-flex">
|
||||
<view class="rb1">福利待遇</view>
|
||||
<view class="textb1">{{jobDetail.storeJob.boon}}</view>
|
||||
</view>
|
||||
<view class="display-flex">
|
||||
<view class="rb1">薪资说明</view>
|
||||
<view class="textb1">{{jobDetail.storeJob.salaryDesp}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="detailH3">招聘要求</view>
|
||||
<view class="outSp">
|
||||
<view class="display-flex">
|
||||
<view class="rb1">性别年龄</view>
|
||||
<view class="textb1">{{showSexAgeText}}</view>
|
||||
</view>
|
||||
<view class="display-flex">
|
||||
<view class="rb1">文化学历</view>
|
||||
<view class="textb1">{{jobDetail.storeJob.education}}</view>
|
||||
</view>
|
||||
|
||||
<!-- <view class="display-flex">
|
||||
<view class="rb1">文化学历</view>
|
||||
<view class="textb1">{{jobDetail.storeJob.education}}</view>
|
||||
</view> -->
|
||||
|
||||
|
||||
<view class="display-flex">
|
||||
<view class="rb1">证件</view>
|
||||
<view class="textb1">{{jobDetail.storeJob.idCard}}</view>
|
||||
</view>
|
||||
|
||||
<view class="display-flex">
|
||||
<view class="rb1">疑难杂症</view>
|
||||
<view class="textb1">{{jobDetail.storeJob.otherRequire}}</view>
|
||||
</view>
|
||||
|
||||
|
||||
<view class="display-flex">
|
||||
<view class="rb1">体检</view>
|
||||
<view class="textb1">{{jobDetail.storeJob.healthRequire}}</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="detailH3">岗位说明</view>
|
||||
<view class="outSp">
|
||||
<view class="display-flex">
|
||||
<view class="rb1">工作内容</view>
|
||||
<view class="textb1">{{jobDetail.storeJob.workContent}}</view>
|
||||
</view>
|
||||
<view class="display-flex">
|
||||
<view class="rb1">工作方式</view>
|
||||
<view class="textb1">{{jobDetail.storeJob.workMode}}</view>
|
||||
</view>
|
||||
<view class="display-flex">
|
||||
<view class="rb1">班次工时</view>
|
||||
<view class="textb1">{{jobDetail.storeJob.workClasses}}</view>
|
||||
</view>
|
||||
<view class="display-flex">
|
||||
<view class="rb1">工作衣</view>
|
||||
<view class="textb1">{{jobDetail.storeJob.workClothes}}</view>
|
||||
</view>
|
||||
<view class="display-flex">
|
||||
<view class="rb1">车间</view>
|
||||
<view class="textb1">{{jobDetail.storeJob.securityCheck}}</view>
|
||||
</view>
|
||||
<view class="display-flex">
|
||||
<view class="rb1">保险</view>
|
||||
<view class="textb1">{{jobDetail.storeJob.employeeInsurance}}</view>
|
||||
</view>
|
||||
<view class="display-flex">
|
||||
<view class="rb1">换岗调班</view>
|
||||
<view class="textb1">{{jobDetail.storeJob.otherDesp}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="detailH3">吃饭住宿</view>
|
||||
<view class="outSp">
|
||||
<view class="display-flex">
|
||||
<view class="rb1">吃饭</view>
|
||||
<view class="textb1" style="padding:0;">
|
||||
<view class="display-flex">
|
||||
<view class="rb1">吃饭</view>
|
||||
<view class="textb1">{{jobDetail.storeJob.workingLunch}}</view>
|
||||
</view>
|
||||
<!-- <view class="display-flex">
|
||||
<view class="rb1">补充说明</view>
|
||||
<view class="textb1">{{jobDetail.storeJob.workingLunchDesp}}</view>
|
||||
</view> -->
|
||||
</view>
|
||||
</view>
|
||||
<view class="display-flex">
|
||||
<view class="rb1">住宿</view>
|
||||
<view class="textb1" style="padding:0;">
|
||||
<view class="display-flex">
|
||||
<view class="rb1 sbb1">住宿费用</view>
|
||||
<view class="textb1 sbb1">{{jobDetail.storeJob.dormitory}}</view>
|
||||
</view>
|
||||
<view class="display-flex">
|
||||
<view class="rb1 sbb1">宿舍设施</view>
|
||||
<view class="textb1 sbb1">{{jobDetail.storeJob.dormitoryFacilities}}</view>
|
||||
</view>
|
||||
<view class="display-flex">
|
||||
<view class="rb1 sbb1">宿舍距离</view>
|
||||
<view class="textb1 sbb1">{{jobDetail.storeJob.dormDistance}}</view>
|
||||
</view>
|
||||
<view class="display-flex">
|
||||
<view class="rb1 sbb1">厂车</view>
|
||||
<view class="textb1 sbb1">{{jobDetail.storeJob.bus}}</view>
|
||||
</view>
|
||||
<!-- <view class="display-flex">
|
||||
<view class="rb1 sbb1">水电费</view>
|
||||
<view class="textb1 sbb1">{{jobDetail.storeJob.waterAndElec}}</view>
|
||||
</view> -->
|
||||
<view class="display-flex">
|
||||
<view class="rb1">住宿要求</view>
|
||||
<view class="textb1">{{jobDetail.storeJob.dormitoryDesp}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view wx:if="{{jobDetail.storeJob.OtherInfo}}">
|
||||
<view class="detailH3">其它信息</view>
|
||||
<view class="pri border1" style="line-height:24px;padding:3px 8px;border-radius: 4px;color:#333">{{jobDetail.storeJob.OtherInfo}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<view class='bottomBtn' style="padding-bottom:{{pbtm}}px">
|
||||
<view class='display-flex tc'>
|
||||
<view class='flex-1 pl16' style='padding-right: 10px;' bindtap='showphone'>
|
||||
<view style="position:relative;top:2px;">
|
||||
<icon class="iconfont icon-dianhua2 lh1" style="color:#787878;font-size:18px;position:relative;top:1px"></icon>
|
||||
<view class="btext" style="margin-top:2px;">电话</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class='flex-1' style='padding-right: 10px;' bindtap="textPaste">
|
||||
<view style="position:relative;top:2px;">
|
||||
<icon class="iconfont icon-weixin lh1" style="color:#787878;font-size:18px;">
|
||||
</icon>
|
||||
<view class="btext" style="margin-top:2px;">微信</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class='flex-1' style='padding-right: 10px;' bindtap="collectPaste">
|
||||
<button catchtap="collectPaste" data-collected="{{jobDetail.storeJob.collected}}" data-jobid="{{jobDetail.storeJob.id}}" wx:if="{{isLogin}}" class="collectBtn" style="position:relative;top:3px;">
|
||||
<icon class="iconfont {{jobDetail.storeJob.collected - 2 == 0 ? 'icon-wode-shoucang':'icon-shoucang-red'}} lh1" style="font-size:18px;color:#787878;"></icon>
|
||||
<view class="btext" style="color:{{jobDetail.storeJob.collected - 1 == 0 ? '#DA0106' : ''}}">{{jobDetail.storeJob.collected - 1 == 0 ? '已' : ''}}收藏</view>
|
||||
</button>
|
||||
<button open-type="getPhoneNumber" catchgetphonenumber="getPhoneNumber" catchtap="emptyMethod" wx:else data-collected="{{jobDetail.storeJob.collected}}" data-jobid="{{jobDetail.storeJob.id}}" class="collectBtn" style="position:relative;top:3px;">
|
||||
<icon class="iconfont {{isCollect ? 'icon-shoucang-red':' icon-wode-shoucang'}} lh1" style="font-size:18px;color:#787878;"></icon>
|
||||
<view class="btext">收藏</view>
|
||||
</button>
|
||||
</view>
|
||||
<view class='flex-3' style='padding-right: 16px;'>
|
||||
<button wx:if="{{isLogin}}" type='primary' class="detailBtn" bindtap='goEnroll'>
|
||||
立即报名
|
||||
</button>
|
||||
<button wx:else type='primary' class="detailBtn" open-type="getPhoneNumber" catchgetphonenumber="getPhoneNumber" catchtap="emptyMethod">
|
||||
立即报名
|
||||
</button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="noShow">
|
||||
<button bindtap="renderToCanvas">渲染到canvas</button>
|
||||
<button bindtap="extraImage">导出图片</button>
|
||||
<image src="{{src}}" style="width:300px; height: 240px"></image>
|
||||
<wxml-to-canvas class="widget" style="width:400px; height: 360px"></wxml-to-canvas>
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
<scroll-view class="fadeIn" wx:if="{{phoneDialog}}" style="position: relative;z-index: 999;">
|
||||
<view class="weui-mask"></view>
|
||||
<view class="weui-dialog p020" style="box-sizing:border-box;">
|
||||
<view class="weui-dialog__hd bb1">
|
||||
<!-- <strong class="weui-dialog__title">18039237825</strong></view> -->
|
||||
<!-- <view class="weui-dialog__bd">
|
||||
<view>现在登录吗?</view>
|
||||
</view> -->
|
||||
<image src="http://matripe.oss-cn-beijing.aliyuncs.com/goodJob/bocaoLogo.png" style="width:56px;height:56px;border-radius:50%;"></image>
|
||||
<view class="f20 c3">孔老师</view>
|
||||
<view class="f14 c9">人才经纪人</view>
|
||||
<!-- <view class="mt20 f22 c3">{{pmdUserInfo.tel}}</view> -->
|
||||
<view class="mt20 f22 c3">18039237825</view>
|
||||
</view>
|
||||
|
||||
<view class="display-flex pb20" style="padding-top:20px;">
|
||||
<view class="flex-1 lflex v-center" bindtap="close" hover-class="thover">取消</view>
|
||||
<view class="rflex">
|
||||
<button class="" type="primary" bindtap="makePhoneCall">呼叫</button>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
@ -0,0 +1,372 @@
|
||||
page,
|
||||
.pb180 {
|
||||
padding-bottom: 120px;
|
||||
}
|
||||
|
||||
.bottomBtn {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
background-color: #fff;
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
.mt3{
|
||||
margin-top: 3px;
|
||||
}
|
||||
.sharebtn{
|
||||
padding-right: 0;
|
||||
margin: 0;
|
||||
display: inline;
|
||||
background-color: transparent;
|
||||
line-height: 1;
|
||||
float:right;
|
||||
margin-top: 5px;
|
||||
}
|
||||
.ml2{
|
||||
margin-left: 2px;
|
||||
}
|
||||
.am-button {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.activeList {
|
||||
display: flex;
|
||||
text-align: center;
|
||||
}
|
||||
button::after{
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.menu {
|
||||
flex: 1;
|
||||
line-height: 1.5;
|
||||
font-size: 16px;
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
border-bottom: 4px solid transparent;
|
||||
}
|
||||
|
||||
.menu.active {
|
||||
font-weight: 601;
|
||||
color: rgba(0, 0, 0, 0.85);
|
||||
border-bottom: 4px solid #FE633F;
|
||||
}
|
||||
.icon-wode-shoucang{
|
||||
color: #787878 !important;
|
||||
}
|
||||
.icon-shoucang-red{
|
||||
color: #DA0106 !important;
|
||||
}
|
||||
.scrollImg {
|
||||
/* width: 67px;
|
||||
height: 67px;
|
||||
margin-right: 12px;
|
||||
margin-top: 20px; */
|
||||
/* margin-top: 16px; */
|
||||
}
|
||||
|
||||
.show{
|
||||
display:show;
|
||||
}
|
||||
.hide{
|
||||
display:none;
|
||||
}
|
||||
|
||||
.scroll-header {
|
||||
display: flex;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.scroll-header view {
|
||||
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.scroll-header image:first-child {
|
||||
margin-left: 0px;
|
||||
}
|
||||
button.detailBtn{
|
||||
margin-bottom: 0;
|
||||
padding: 7px 0;
|
||||
font-size: 18px;
|
||||
font-weight: 601;
|
||||
color: #ffffff;
|
||||
line-height: 26px;
|
||||
margin-top: 8px;
|
||||
background: #027AFF;
|
||||
border-radius: 21px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.flex-1.f14.c085{
|
||||
/* white-space: pre-wrap; */
|
||||
white-space: pre-line;
|
||||
font-size: 17px;
|
||||
line-height: 28px;
|
||||
}
|
||||
button.collectBtn{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
line-height: 1.4;
|
||||
padding: 0;
|
||||
background-color: #fff;
|
||||
/* text-align: left; */
|
||||
/* background-color: #fff; */
|
||||
}
|
||||
.tagsLi{
|
||||
height: 20px;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
margin-right: 8px;
|
||||
margin-bottom: 8px;
|
||||
color: #888;
|
||||
line-height: 18px;
|
||||
padding: 0px 4px;
|
||||
}
|
||||
.pb4{
|
||||
padding-bottom: 4px;
|
||||
}
|
||||
.mg020 {
|
||||
margin: 0 20px;
|
||||
}
|
||||
.dName{
|
||||
font-size: 16px;
|
||||
font-weight: 601;
|
||||
color: #262626;
|
||||
line-height: 22px;
|
||||
}
|
||||
.dsName{
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
color: #8c8c8c;
|
||||
line-height: 17px;
|
||||
}
|
||||
.ava{
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
border-radius: 50%;
|
||||
margin-right: 14px;
|
||||
}
|
||||
.f25{
|
||||
font-size: 25px;
|
||||
}
|
||||
.p20-0{
|
||||
padding: 20px 0;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.p020{
|
||||
padding: 0 20px;
|
||||
}
|
||||
.dianhua{
|
||||
color: #787878;
|
||||
}
|
||||
.achover .dianhua{
|
||||
color:#999;
|
||||
}
|
||||
.scrollImgBox {
|
||||
position: relative;
|
||||
border-radius: 4px;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
margin: 12px 5px;
|
||||
overflow: hidden;
|
||||
}
|
||||
image {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
.show {
|
||||
display: show;
|
||||
}
|
||||
.hide {
|
||||
display: none;
|
||||
}
|
||||
.p020 {
|
||||
padding: 0 20px;
|
||||
}
|
||||
.scroll-header {
|
||||
display: flex;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.scroll-header view {
|
||||
display: inline-block;
|
||||
}
|
||||
.scroll-header video {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 8px;
|
||||
}
|
||||
.scroll-header image:first-child {
|
||||
margin-left: 0px;
|
||||
}
|
||||
.storeTitle{
|
||||
font-size: 18px;
|
||||
font-weight: 601;
|
||||
color: #262626;
|
||||
line-height: 25px;
|
||||
/* margin-bottom: 10px; */
|
||||
}
|
||||
.storeInfo{
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
color: #939393;
|
||||
line-height: 21px;
|
||||
white-space: pre-line;
|
||||
}
|
||||
.address{
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
color: #333;
|
||||
line-height: 21px;
|
||||
flex: 1;
|
||||
}
|
||||
.btext{
|
||||
font-size: 11px;
|
||||
font-weight: 400;
|
||||
color: #444444;
|
||||
line-height: 16px;
|
||||
margin-top: 2px;
|
||||
}
|
||||
.flex-3{
|
||||
flex: 3;
|
||||
}
|
||||
.noShow{
|
||||
position: absolute;
|
||||
top: -9999px;
|
||||
}
|
||||
.detailH3 {
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
color: #000;
|
||||
line-height: 22px;
|
||||
margin-top: 16px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.pri {
|
||||
white-space: pre-line;
|
||||
}
|
||||
.pri:empty:before,
|
||||
.textb1:empty:before {
|
||||
content: "-" !important;
|
||||
color: #333;
|
||||
}
|
||||
.outSp {
|
||||
border: 1px solid #f3f3f3;
|
||||
border-radius: 4px;
|
||||
/* line-height: 56rpx; */
|
||||
}
|
||||
.outSp .display-flex:last-child .rb1,
|
||||
.outSp .display-flex:last-child .textb1 {
|
||||
border-bottom: 0;
|
||||
}
|
||||
.sbb1 {
|
||||
border-bottom: 1rpx solid #eee !important;
|
||||
}
|
||||
.tabBox .display-flex {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.tabBox .display-flex > view {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.rb1 {
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
text-align: center;
|
||||
width: 80px;
|
||||
border-right: 1px solid #f3f3f3;
|
||||
border-bottom: 1px solid #f3f3f3;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.textb1 {
|
||||
white-space: pre-line;
|
||||
color: #333;
|
||||
border-bottom: 1px solid #f3f3f3;
|
||||
padding: 0 8px;
|
||||
flex: 1;
|
||||
line-height: 1.8;
|
||||
padding-top: 3px;
|
||||
}
|
||||
.jobMoney {
|
||||
color: var(--color-ysd);
|
||||
}
|
||||
.c633 {
|
||||
color: var(--color-027);
|
||||
}
|
||||
.videoContainer::after {
|
||||
content: "";
|
||||
width: 0;
|
||||
height: 0;
|
||||
border: 10px solid #ffffffbb;
|
||||
border-right-color: transparent;
|
||||
border-top-color: transparent;
|
||||
border-left-width: 16px;
|
||||
border-right-width: 0px;
|
||||
border-bottom-color: transparent;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
border-radius: 3px;
|
||||
transform: translate(-50%, -50%);
|
||||
/* background-color: #ffffff; */
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
}
|
||||
.theVideo {
|
||||
position: relative;
|
||||
}
|
||||
.theVideo .t-icon {
|
||||
position: absolute;
|
||||
bottom: 80px;
|
||||
right: 30px;
|
||||
width: 20px;
|
||||
height: 24px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100%;
|
||||
z-index: 1111;
|
||||
}
|
||||
.theVideo .t-icon::after {
|
||||
position: absolute;
|
||||
content: "";
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -55%);
|
||||
background-color: #ffffff66;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.t-icon-ziying1 {
|
||||
background-repeat: no-repeat;
|
||||
display: inline-block;
|
||||
width: 32px;
|
||||
height: 20px;
|
||||
margin-right: 6px;
|
||||
}
|
||||
.ml18{
|
||||
margin-left: 18px;
|
||||
}
|
||||
.mask {
|
||||
position: fixed;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 99;
|
||||
pointer-events: none;
|
||||
/* display: none; */
|
||||
}
|
||||
.norecruit {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 38px;
|
||||
line-height: 38px;
|
||||
top: -38px;
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
background-color: #666;
|
||||
color: #fff;
|
||||
/* display: none; */
|
||||
}
|
||||
@ -1,4 +1,6 @@
|
||||
{
|
||||
|
||||
"navigationBarTitleText": "我想报名"
|
||||
}
|
||||
"navigationBarTitleText": "我想报名",
|
||||
"usingComponents": {
|
||||
"enroll": "plugin://job-plugin/enroll"
|
||||
}
|
||||
}
|
||||
@ -1,208 +1,25 @@
|
||||
<view class='bt1'>
|
||||
<block wx:if='{{applyType == 0}}'>
|
||||
<view class='p1020 f12 c045' style='padding-right: 0;'>
|
||||
请提供你的联系方式和基本信息,稍后会有职业顾问联系你,免费帮你推荐合适的工作
|
||||
</view>
|
||||
</block>
|
||||
<block wx:elif='{{applyType == 1}}'>
|
||||
<view class='p20'>
|
||||
<view class='v-center'>
|
||||
<view class='jobTitle'>
|
||||
<!-- {{jobDetail.store.aliasName}} {{jobDetail.storeJob.jobName}} -->
|
||||
{{jobDetail.jobName}}
|
||||
</view>
|
||||
</view>
|
||||
<view class='display-flex mt20 mb8'>
|
||||
<view class="display-flex flex-1">
|
||||
<view>
|
||||
<image class='tImage' wx:if="{{jobDetail.logo != null && jobDetail.logo != ''}}" mode='aspectFit'
|
||||
src='{{jobDetail.logo}}'>
|
||||
</image>
|
||||
<image class='tImage' wx:else mode='aspectFit'
|
||||
src='https://matripe.oss-cn-beijing.aliyuncs.com/default.png'>
|
||||
</image>
|
||||
</view>
|
||||
<view class="flex-1 vsb">
|
||||
<view class='f14s c045 mb4'>
|
||||
<!-- 深圳丨龙岗区丨16-35岁 -->
|
||||
{{jobDetail.districtStr}}{{jobDetail.distance}}
|
||||
</view>
|
||||
<view class='f14s c045 mb4'>
|
||||
<!-- 深圳丨龙岗区丨16-35岁 -->
|
||||
<block wx:if="{{jobDetail.gender == 1}}">限男生</block>
|
||||
<block wx:if="{{jobDetail.gender == 2}}">限女生</block>
|
||||
<block wx:if="{{jobDetail.gender == 3}}">男女不限</block>
|
||||
丨{{jobDetail.age}}
|
||||
<!-- {{jobDetail.storeJob.district}}{{jobDetail.storeJob.age}} -->
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
<view class="tr">
|
||||
<view class='jobMoney'>
|
||||
{{jobDetail.salaryClassifyValue}}
|
||||
</view>
|
||||
<view class='f14s c633 mt8'>
|
||||
<!-- 5200-8400 -->
|
||||
{{jobDetail.monthlyPay}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view>
|
||||
<view wx:if="{{jobDetail.rebate != null}}" class='tagsLi'>
|
||||
返费{{jobDetail.rebate}}
|
||||
</view>
|
||||
<view class='tagsLi' wx:for="{{jobDetail.jobSpecialLabelNames}}" wx:for-item="item1" wx:key='{{index}}'>
|
||||
{{item1}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="bt1 mt16"></view>
|
||||
</view>
|
||||
<!-- <view class='f13 c045 bb1 bt1' style='padding: 32px 16px 8px;'>
|
||||
请提供你的基本信息,稍后会有经纪人联系你
|
||||
</view> -->
|
||||
</block>
|
||||
<form bindsubmit='onSubmit'>
|
||||
<view class='page-section'>
|
||||
<view class='form-row'>
|
||||
<view class='form-row-label'>
|
||||
姓名
|
||||
</view>
|
||||
<view class='form-row-content'>
|
||||
<input class='input' name='userName' value="{{inputUserName}}" bindinput='bindinputUserName' bindfocus='bindinputUserName' placeholder='请输入你的姓名' type='text'>
|
||||
</input>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class='form-row'>
|
||||
<view class='form-row-label'>
|
||||
性别
|
||||
</view>
|
||||
<view class="dib" data-sex="1" bindtap="changeSex">
|
||||
<view class="iconfont {{sex == '1' ? 'icon-xuanzhong' : 'icon-weixuanzhong'}} dib"></view>
|
||||
<text class='radioText'>男</text>
|
||||
</view>
|
||||
<view class="dib ml16" data-sex="2" bindtap="changeSex">
|
||||
<view class="iconfont {{sex == '2' ? 'icon-xuanzhong' : 'icon-weixuanzhong'}} dib"></view>
|
||||
<text class='radioText'>女</text>
|
||||
</view>
|
||||
</view> -->
|
||||
|
||||
<!-- <view class='form-row'>
|
||||
<view class='form-row-label'>
|
||||
年龄
|
||||
</view>
|
||||
<view class='form-row-content'>
|
||||
<input class='input' name='age' placeholder='请输入你的年龄' type='number'>
|
||||
</input>
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
<view class='page-section'>
|
||||
<view class='form-row'>
|
||||
<view class='form-row-label'>
|
||||
手机号
|
||||
</view>
|
||||
<view class='form-row-content pr'>
|
||||
<!-- <input class='input {{showMsgCode?"pea":"pen"}}' name='tel' value="{{phoneNumber}}" placeholder='请输入手机号'
|
||||
type='number' bindinput='showCha' bindfocus='showCha' data-num="5" data-tel="1" maxlength='11'>
|
||||
</input> -->
|
||||
<button wx:if="{{!canInputTel}}" class="pa input" open-type="getPhoneNumber" catchgetphonenumber="getPhoneNumber" catchtap="emptyMethod" style="position: absolute; width: 100%; opacity: 0;margin-top: 0;z-index: 99; ">啊啊啊</button>
|
||||
|
||||
<input class='input' name='tel' value="{{phoneNumber}}" focus="{{inputShowed}}" placeholder='请输入手机号' type='number' bindinput='showCha'
|
||||
bindfocus='showCha' data-num="5" data-tel="1" maxlength='11' bindblur="inputBlur">
|
||||
</input>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="weui-cell weui-cell_vcode f14s">
|
||||
<view class="weui-cell__hd">
|
||||
<view class="weui-label fwb f16">验证码</view>
|
||||
</view>
|
||||
<view class="weui-cell__bd">
|
||||
<input bindinput='showCha' bindfocus='showCha' data-num="6" maxlength='4' value="{{msgCode}}"
|
||||
class="weui-input f16" type="number" placeholder="请输入验证码" />
|
||||
</view>
|
||||
<view class="weui-cell__ft">
|
||||
<view class="weui-vcode-btn f16 {{smsFlag ?'pen':'pea'}}" bindtap="sendCode" disabled="{{smsFlag}}"
|
||||
style="color:{{sendColor}};">{{sendTime}}</view>
|
||||
</view>
|
||||
</view> -->
|
||||
|
||||
|
||||
<!-- <view class='form-line' style="margin-left:0;">
|
||||
</view> -->
|
||||
</view>
|
||||
|
||||
<view class='mt50 tc'>
|
||||
<button wx:if="{{!canCommit}}" type='primary' formType='submit' class='fullBtn' disabled='true'>
|
||||
<block wx:if='{{applyType == 0}}'>
|
||||
提交预约
|
||||
</block>
|
||||
<block wx:elif='{{applyType == 1}}'>
|
||||
提交报名
|
||||
</block>
|
||||
</button>
|
||||
|
||||
<button wx:if="{{canCommit && hasUserInfo == 1}}" type='primary' formType='submit' class='fullBtn' disabled='{{btnLoading}}'>
|
||||
<block wx:if='{{applyType == 0}}'>
|
||||
提交预约
|
||||
</block>
|
||||
<block wx:elif='{{applyType == 1}}'>
|
||||
提交报名
|
||||
</block>
|
||||
</button>
|
||||
|
||||
<button wx:if="{{canCommit && hasUserInfo - 0 == 0}}" class="fullBtn" open-type="getUserInfo" bindtap="getUserInfoBtn" >提交报名</button>
|
||||
|
||||
<!-- <button wx:if="{{canCommit && !hasUserInfo}}" type='primary' formType='submit' class='fullBtn' disabled='{{btnLoading}}'>
|
||||
<block wx:if='{{applyType == 0}}'>
|
||||
提交预约
|
||||
</block>
|
||||
<block wx:elif='{{applyType == 1}}'>
|
||||
提交报名
|
||||
</block>
|
||||
</button> -->
|
||||
|
||||
<!-- <button type='primary' class='fullBtn' bindtap="openIOS1">
|
||||
点击出弹框
|
||||
</button> -->
|
||||
</view>
|
||||
</form>
|
||||
</view>
|
||||
|
||||
<scroll-view class="fadeIn" wx:if="{{iosDialog1}}" style="position: relative;z-index: 999;">
|
||||
<view class="weui-mask"></view>
|
||||
<view class="weui-dialog">
|
||||
<view class="weui-dialog__hd"><strong class="weui-dialog__title">提交失败</strong></view>
|
||||
<view class="weui-dialog__bd bd1">
|
||||
<view>你需要授权你的微信昵称才可以提交报名</view>
|
||||
</view>
|
||||
|
||||
<view class="display-flex pb20 v-center">
|
||||
<view class="flex-1 lflex" bindtap="close" hover-class="thover" style="padding-left:0;">知道了</view>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
|
||||
<scroll-view class="fadeIn" wx:if="{{iosDialog2}}" style="position: relative;z-index: 999;">
|
||||
<view class="weui-mask"></view>
|
||||
<view class="weui-dialog">
|
||||
<view class="weui-dialog__hd"><strong class="weui-dialog__title">请输入发送到你手机上的验证码</strong></view>
|
||||
<view class="weui-dialog__bd">
|
||||
<view class="display-flex">
|
||||
<view class="flex-1">
|
||||
<input maxlength='4' value="{{msgCode}}" bindinput='showCha' class="f16" type="number" placeholder="请输入验证码" />
|
||||
</view>
|
||||
<view class="rightTime {{disabled == 1?'':'pen'}}" style="color: {{sendColor}}" bindtap='sendCode'> {{sendTime}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="display-flex pb20">
|
||||
<view class="flex-1 lflex v-center" bindtap="closeInputCode" hover-class="thover">取消</view>
|
||||
<view class="rflex">
|
||||
<button class="" type="primary" bindtap="checkCodeAndLogin">确定</button>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
<enroll bindsendJob="getJob"></enroll>
|
||||
<form bindsubmit='onSubmit'>
|
||||
<view class='page-section mt20'>
|
||||
<view class='form-row'>
|
||||
<view class='form-row-label'>
|
||||
姓名
|
||||
</view>
|
||||
<view class='form-row-content'>
|
||||
<input class='input' name='userName' value="{{inputUserName}}" placeholder='请输入你的姓名' type='text'>
|
||||
</input>
|
||||
</view>
|
||||
</view>
|
||||
<view class='form-row'>
|
||||
<view class='form-row-label'>
|
||||
手机号
|
||||
</view>
|
||||
<view class='form-row-content pr'>
|
||||
<!-- <button class="pa input" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber" style="position: absolute; width: 100%; opacity: 1;margin-top: 0;z-index: 99; ">啊啊啊</button> -->
|
||||
<input class='input' name='tel' value="{{phoneNumber}}" focus="{{inputShowed}}" placeholder='请输入手机号' type='number' maxlength='11'>
|
||||
</input>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<button class="fullBtn mt80" formType='submit' disabled="{{btnLoading}}" loading="{{btnLoading}}" open-type="getUserInfo" >提交报名</button>
|
||||
</form>
|
||||
@ -1,176 +1,48 @@
|
||||
.date-radio {
|
||||
padding: 26rpx;
|
||||
}
|
||||
|
||||
.date-radio label + label {
|
||||
margin-left: 20rpx;
|
||||
}
|
||||
|
||||
.row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0 30rpx;
|
||||
}
|
||||
|
||||
.row-title {
|
||||
flex: 1;
|
||||
padding-top: 28rpx;
|
||||
padding-bottom: 28rpx;
|
||||
font-size: 34rpx;
|
||||
color: #000;
|
||||
}
|
||||
.row-extra {
|
||||
flex-basis: initial;
|
||||
font-size: 14px;
|
||||
color: #111;
|
||||
}
|
||||
|
||||
.row-arrow {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
margin-left: 16rpx;
|
||||
}
|
||||
|
||||
input {
|
||||
font-size: 16px;
|
||||
color: #262626 !important;
|
||||
}
|
||||
.zbtn{
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: -23px;
|
||||
left: 0;
|
||||
z-index: 999;
|
||||
opacity: 0;
|
||||
}
|
||||
.pr{
|
||||
position: relative;
|
||||
}
|
||||
.f14s{
|
||||
font-size: 14px;
|
||||
}
|
||||
.weui-cell:before {
|
||||
-webkit-transform: scaleY(1);
|
||||
transform: scaleY(1);
|
||||
border-top: 1px solid rgba(0,0,0,0.08);
|
||||
}
|
||||
.weui-vcode-btn {
|
||||
display: inline-block;
|
||||
padding: 0 0.6em 0 0.7em;
|
||||
line-height: 44px;
|
||||
font-size: 16px;
|
||||
height: auto;
|
||||
}
|
||||
.weui-cell{
|
||||
padding-left: 20px;
|
||||
}
|
||||
.weui-label{
|
||||
width:95px;
|
||||
.form-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0 20px;
|
||||
height: 44px;
|
||||
align-items: center;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.form-row{
|
||||
margin-bottom: 20px;
|
||||
.form-row-label {
|
||||
width: 50px;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
color: #666666;
|
||||
line-height: 22px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.form-row-label,input {
|
||||
font-size: 16px;
|
||||
.form-row-content {
|
||||
flex: 1;
|
||||
font-size: 16px;
|
||||
background: #f4f4f4;
|
||||
border-radius: 6px;
|
||||
line-height: 50px;
|
||||
}
|
||||
input {
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
.tagsLi{
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
color: #555555;
|
||||
line-height: 22px;
|
||||
padding:1px 8px;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
.mt50{
|
||||
margin-top: 90px;
|
||||
.mt20{
|
||||
margin-top: 20px;
|
||||
}
|
||||
.fullBtn{
|
||||
width: 260px;
|
||||
width: 260px;
|
||||
height: 50px;
|
||||
opacity: 1;
|
||||
background-color: #027AFF;
|
||||
background-color: #ff4400;
|
||||
border-radius: 25px;
|
||||
font-size: 18px;
|
||||
font-weight: 601;
|
||||
color: #ffffff;
|
||||
line-height: 50px;
|
||||
}
|
||||
.ml16{
|
||||
margin-left: 16px;
|
||||
.fullBtn:active,.fullBtn:focus{
|
||||
background-color:#ff6933;
|
||||
}
|
||||
.mt80{
|
||||
margin-top: 80px;
|
||||
}
|
||||
.weui-dialog__title{
|
||||
font-size: 18px;
|
||||
font-weight: 400;
|
||||
color: #333333;
|
||||
line-height: 25px;
|
||||
}
|
||||
.weui-dialog__bd{
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
text-align: center;
|
||||
color: #787878;
|
||||
line-height: 22px;
|
||||
margin-bottom: 20px;
|
||||
/* border-bottom: 1rpx solid #e2e2e2; */
|
||||
}
|
||||
.weui-dialog__bd.bd1{
|
||||
padding:0 40px 20px 40px;
|
||||
border-bottom: 1rpx solid #e2e2e2;
|
||||
}
|
||||
.weui-dialog__bd .display-flex{
|
||||
padding:0;
|
||||
padding-bottom:20px;
|
||||
border-bottom: 1rpx solid #e2e2e2;
|
||||
}
|
||||
.weui-dialog__hd {
|
||||
padding: 32px 24px 20px;
|
||||
}
|
||||
.weui-dialog__bd input{
|
||||
height: 40px;
|
||||
text-align: left;
|
||||
opacity: 1;
|
||||
background: #f4f4f4;
|
||||
border-radius: 6px;
|
||||
}
|
||||
.rightTime{
|
||||
width: 120px;
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
}
|
||||
|
||||
|
||||
.lflex{
|
||||
font-size: 18px;
|
||||
font-weight: 601;
|
||||
text-align: center;
|
||||
color: #027AFF;
|
||||
line-height: 28px;
|
||||
/* margin-top: 7px; */
|
||||
padding:0 10px 0 30px;
|
||||
}
|
||||
.rflex{
|
||||
flex:1;
|
||||
padding:0 30px 0 10px;
|
||||
}
|
||||
.rflex button{
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
height: 40px;
|
||||
opacity: 1;
|
||||
background: #027AFF;
|
||||
border-radius: 25px;
|
||||
font-size: 18px;
|
||||
font-weight: 601;
|
||||
color: #ffffff;
|
||||
line-height: 40px;
|
||||
}
|
||||
.pb16{
|
||||
padding-bottom: 16px;
|
||||
}
|
||||
.pb20{
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
@ -0,0 +1,4 @@
|
||||
{
|
||||
|
||||
"navigationBarTitleText": "我想报名"
|
||||
}
|
||||
@ -0,0 +1,208 @@
|
||||
<view class='bt1'>
|
||||
<block wx:if='{{applyType == 0}}'>
|
||||
<view class='p1020 f12 c045' style='padding-right: 0;'>
|
||||
请提供你的联系方式和基本信息,稍后会有职业顾问联系你,免费帮你推荐合适的工作
|
||||
</view>
|
||||
</block>
|
||||
<block wx:elif='{{applyType == 1}}'>
|
||||
<view class='p20'>
|
||||
<view class='v-center'>
|
||||
<view class='jobTitle'>
|
||||
<!-- {{jobDetail.store.aliasName}} {{jobDetail.storeJob.jobName}} -->
|
||||
{{jobDetail.jobName}}
|
||||
</view>
|
||||
</view>
|
||||
<view class='display-flex mt20 mb8'>
|
||||
<view class="display-flex flex-1">
|
||||
<view>
|
||||
<image class='tImage' wx:if="{{jobDetail.logo != null && jobDetail.logo != ''}}" mode='aspectFit'
|
||||
src='{{jobDetail.logo}}'>
|
||||
</image>
|
||||
<image class='tImage' wx:else mode='aspectFit'
|
||||
src='https://matripe.oss-cn-beijing.aliyuncs.com/default.png'>
|
||||
</image>
|
||||
</view>
|
||||
<view class="flex-1 vsb">
|
||||
<view class='f14s c045 mb4'>
|
||||
<!-- 深圳丨龙岗区丨16-35岁 -->
|
||||
{{jobDetail.districtStr}}{{jobDetail.distance}}
|
||||
</view>
|
||||
<view class='f14s c045 mb4'>
|
||||
<!-- 深圳丨龙岗区丨16-35岁 -->
|
||||
<block wx:if="{{jobDetail.gender == 1}}">限男生</block>
|
||||
<block wx:if="{{jobDetail.gender == 2}}">限女生</block>
|
||||
<block wx:if="{{jobDetail.gender == 3}}">男女不限</block>
|
||||
丨{{jobDetail.age}}
|
||||
<!-- {{jobDetail.storeJob.district}}{{jobDetail.storeJob.age}} -->
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
<view class="tr">
|
||||
<view class='jobMoney'>
|
||||
{{jobDetail.salaryClassifyValue}}
|
||||
</view>
|
||||
<view class='f14s c633 mt8'>
|
||||
<!-- 5200-8400 -->
|
||||
{{jobDetail.monthlyPay}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view>
|
||||
<view wx:if="{{jobDetail.rebate != null}}" class='tagsLi'>
|
||||
返费{{jobDetail.rebate}}
|
||||
</view>
|
||||
<view class='tagsLi' wx:for="{{jobDetail.jobSpecialLabelNames}}" wx:for-item="item1" wx:key='{{index}}'>
|
||||
{{item1}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="bt1 mt16"></view>
|
||||
</view>
|
||||
<!-- <view class='f13 c045 bb1 bt1' style='padding: 32px 16px 8px;'>
|
||||
请提供你的基本信息,稍后会有经纪人联系你
|
||||
</view> -->
|
||||
</block>
|
||||
<form bindsubmit='onSubmit'>
|
||||
<view class='page-section'>
|
||||
<view class='form-row'>
|
||||
<view class='form-row-label'>
|
||||
姓名
|
||||
</view>
|
||||
<view class='form-row-content'>
|
||||
<input class='input' name='userName' value="{{inputUserName}}" bindinput='bindinputUserName' bindfocus='bindinputUserName' placeholder='请输入你的姓名' type='text'>
|
||||
</input>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class='form-row'>
|
||||
<view class='form-row-label'>
|
||||
性别
|
||||
</view>
|
||||
<view class="dib" data-sex="1" bindtap="changeSex">
|
||||
<view class="iconfont {{sex == '1' ? 'icon-xuanzhong' : 'icon-weixuanzhong'}} dib"></view>
|
||||
<text class='radioText'>男</text>
|
||||
</view>
|
||||
<view class="dib ml16" data-sex="2" bindtap="changeSex">
|
||||
<view class="iconfont {{sex == '2' ? 'icon-xuanzhong' : 'icon-weixuanzhong'}} dib"></view>
|
||||
<text class='radioText'>女</text>
|
||||
</view>
|
||||
</view> -->
|
||||
|
||||
<!-- <view class='form-row'>
|
||||
<view class='form-row-label'>
|
||||
年龄
|
||||
</view>
|
||||
<view class='form-row-content'>
|
||||
<input class='input' name='age' placeholder='请输入你的年龄' type='number'>
|
||||
</input>
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
<view class='page-section'>
|
||||
<view class='form-row'>
|
||||
<view class='form-row-label'>
|
||||
手机号
|
||||
</view>
|
||||
<view class='form-row-content pr'>
|
||||
<!-- <input class='input {{showMsgCode?"pea":"pen"}}' name='tel' value="{{phoneNumber}}" placeholder='请输入手机号'
|
||||
type='number' bindinput='showCha' bindfocus='showCha' data-num="5" data-tel="1" maxlength='11'>
|
||||
</input> -->
|
||||
<button wx:if="{{!canInputTel}}" class="pa input" open-type="getPhoneNumber" catchgetphonenumber="getPhoneNumber" catchtap="emptyMethod" style="position: absolute; width: 100%; opacity: 0;margin-top: 0;z-index: 99; ">啊啊啊</button>
|
||||
|
||||
<input class='input' name='tel' value="{{phoneNumber}}" focus="{{inputShowed}}" placeholder='请输入手机号' type='number' bindinput='showCha'
|
||||
bindfocus='showCha' data-num="5" data-tel="1" maxlength='11' bindblur="inputBlur">
|
||||
</input>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="weui-cell weui-cell_vcode f14s">
|
||||
<view class="weui-cell__hd">
|
||||
<view class="weui-label fwb f16">验证码</view>
|
||||
</view>
|
||||
<view class="weui-cell__bd">
|
||||
<input bindinput='showCha' bindfocus='showCha' data-num="6" maxlength='4' value="{{msgCode}}"
|
||||
class="weui-input f16" type="number" placeholder="请输入验证码" />
|
||||
</view>
|
||||
<view class="weui-cell__ft">
|
||||
<view class="weui-vcode-btn f16 {{smsFlag ?'pen':'pea'}}" bindtap="sendCode" disabled="{{smsFlag}}"
|
||||
style="color:{{sendColor}};">{{sendTime}}</view>
|
||||
</view>
|
||||
</view> -->
|
||||
|
||||
|
||||
<!-- <view class='form-line' style="margin-left:0;">
|
||||
</view> -->
|
||||
</view>
|
||||
|
||||
<view class='mt50 tc'>
|
||||
<button wx:if="{{!canCommit}}" type='primary' formType='submit' class='fullBtn' disabled='true'>
|
||||
<block wx:if='{{applyType == 0}}'>
|
||||
提交预约
|
||||
</block>
|
||||
<block wx:elif='{{applyType == 1}}'>
|
||||
提交报名
|
||||
</block>
|
||||
</button>
|
||||
|
||||
<button wx:if="{{canCommit && hasUserInfo == 1}}" type='primary' formType='submit' class='fullBtn' disabled='{{btnLoading}}'>
|
||||
<block wx:if='{{applyType == 0}}'>
|
||||
提交预约
|
||||
</block>
|
||||
<block wx:elif='{{applyType == 1}}'>
|
||||
提交报名
|
||||
</block>
|
||||
</button>
|
||||
|
||||
<button wx:if="{{canCommit && hasUserInfo - 0 == 0}}" class="fullBtn" open-type="getUserInfo" bindtap="getUserInfoBtn" >提交报名</button>
|
||||
|
||||
<!-- <button wx:if="{{canCommit && !hasUserInfo}}" type='primary' formType='submit' class='fullBtn' disabled='{{btnLoading}}'>
|
||||
<block wx:if='{{applyType == 0}}'>
|
||||
提交预约
|
||||
</block>
|
||||
<block wx:elif='{{applyType == 1}}'>
|
||||
提交报名
|
||||
</block>
|
||||
</button> -->
|
||||
|
||||
<!-- <button type='primary' class='fullBtn' bindtap="openIOS1">
|
||||
点击出弹框
|
||||
</button> -->
|
||||
</view>
|
||||
</form>
|
||||
</view>
|
||||
|
||||
<scroll-view class="fadeIn" wx:if="{{iosDialog1}}" style="position: relative;z-index: 999;">
|
||||
<view class="weui-mask"></view>
|
||||
<view class="weui-dialog">
|
||||
<view class="weui-dialog__hd"><strong class="weui-dialog__title">提交失败</strong></view>
|
||||
<view class="weui-dialog__bd bd1">
|
||||
<view>你需要授权你的微信昵称才可以提交报名</view>
|
||||
</view>
|
||||
|
||||
<view class="display-flex pb20 v-center">
|
||||
<view class="flex-1 lflex" bindtap="close" hover-class="thover" style="padding-left:0;">知道了</view>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
|
||||
<scroll-view class="fadeIn" wx:if="{{iosDialog2}}" style="position: relative;z-index: 999;">
|
||||
<view class="weui-mask"></view>
|
||||
<view class="weui-dialog">
|
||||
<view class="weui-dialog__hd"><strong class="weui-dialog__title">请输入发送到你手机上的验证码</strong></view>
|
||||
<view class="weui-dialog__bd">
|
||||
<view class="display-flex">
|
||||
<view class="flex-1">
|
||||
<input maxlength='4' value="{{msgCode}}" bindinput='showCha' class="f16" type="number" placeholder="请输入验证码" />
|
||||
</view>
|
||||
<view class="rightTime {{disabled == 1?'':'pen'}}" style="color: {{sendColor}}" bindtap='sendCode'> {{sendTime}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="display-flex pb20">
|
||||
<view class="flex-1 lflex v-center" bindtap="closeInputCode" hover-class="thover">取消</view>
|
||||
<view class="rflex">
|
||||
<button class="" type="primary" bindtap="checkCodeAndLogin">确定</button>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
@ -0,0 +1,176 @@
|
||||
.date-radio {
|
||||
padding: 26rpx;
|
||||
}
|
||||
|
||||
.date-radio label + label {
|
||||
margin-left: 20rpx;
|
||||
}
|
||||
|
||||
.row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0 30rpx;
|
||||
}
|
||||
|
||||
.row-title {
|
||||
flex: 1;
|
||||
padding-top: 28rpx;
|
||||
padding-bottom: 28rpx;
|
||||
font-size: 34rpx;
|
||||
color: #000;
|
||||
}
|
||||
.row-extra {
|
||||
flex-basis: initial;
|
||||
font-size: 14px;
|
||||
color: #111;
|
||||
}
|
||||
|
||||
.row-arrow {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
margin-left: 16rpx;
|
||||
}
|
||||
|
||||
input {
|
||||
font-size: 16px;
|
||||
color: #262626 !important;
|
||||
}
|
||||
.zbtn{
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: -23px;
|
||||
left: 0;
|
||||
z-index: 999;
|
||||
opacity: 0;
|
||||
}
|
||||
.pr{
|
||||
position: relative;
|
||||
}
|
||||
.f14s{
|
||||
font-size: 14px;
|
||||
}
|
||||
.weui-cell:before {
|
||||
-webkit-transform: scaleY(1);
|
||||
transform: scaleY(1);
|
||||
border-top: 1px solid rgba(0,0,0,0.08);
|
||||
}
|
||||
.weui-vcode-btn {
|
||||
display: inline-block;
|
||||
padding: 0 0.6em 0 0.7em;
|
||||
line-height: 44px;
|
||||
font-size: 16px;
|
||||
height: auto;
|
||||
}
|
||||
.weui-cell{
|
||||
padding-left: 20px;
|
||||
}
|
||||
.weui-label{
|
||||
width:95px;
|
||||
}
|
||||
.form-row{
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.form-row-label,input {
|
||||
font-size: 16px;
|
||||
}
|
||||
input {
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
.tagsLi{
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
color: #555555;
|
||||
line-height: 22px;
|
||||
padding:1px 8px;
|
||||
}
|
||||
.mt50{
|
||||
margin-top: 90px;
|
||||
}
|
||||
.fullBtn{
|
||||
width: 260px;
|
||||
height: 50px;
|
||||
opacity: 1;
|
||||
background-color: #027AFF;
|
||||
border-radius: 25px;
|
||||
font-size: 18px;
|
||||
font-weight: 601;
|
||||
color: #ffffff;
|
||||
line-height: 50px;
|
||||
}
|
||||
.ml16{
|
||||
margin-left: 16px;
|
||||
}
|
||||
.weui-dialog__title{
|
||||
font-size: 18px;
|
||||
font-weight: 400;
|
||||
color: #333333;
|
||||
line-height: 25px;
|
||||
}
|
||||
.weui-dialog__bd{
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
text-align: center;
|
||||
color: #787878;
|
||||
line-height: 22px;
|
||||
margin-bottom: 20px;
|
||||
/* border-bottom: 1rpx solid #e2e2e2; */
|
||||
}
|
||||
.weui-dialog__bd.bd1{
|
||||
padding:0 40px 20px 40px;
|
||||
border-bottom: 1rpx solid #e2e2e2;
|
||||
}
|
||||
.weui-dialog__bd .display-flex{
|
||||
padding:0;
|
||||
padding-bottom:20px;
|
||||
border-bottom: 1rpx solid #e2e2e2;
|
||||
}
|
||||
.weui-dialog__hd {
|
||||
padding: 32px 24px 20px;
|
||||
}
|
||||
.weui-dialog__bd input{
|
||||
height: 40px;
|
||||
text-align: left;
|
||||
opacity: 1;
|
||||
background: #f4f4f4;
|
||||
border-radius: 6px;
|
||||
}
|
||||
.rightTime{
|
||||
width: 120px;
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
}
|
||||
|
||||
|
||||
.lflex{
|
||||
font-size: 18px;
|
||||
font-weight: 601;
|
||||
text-align: center;
|
||||
color: #027AFF;
|
||||
line-height: 28px;
|
||||
/* margin-top: 7px; */
|
||||
padding:0 10px 0 30px;
|
||||
}
|
||||
.rflex{
|
||||
flex:1;
|
||||
padding:0 30px 0 10px;
|
||||
}
|
||||
.rflex button{
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
height: 40px;
|
||||
opacity: 1;
|
||||
background: #027AFF;
|
||||
border-radius: 25px;
|
||||
font-size: 18px;
|
||||
font-weight: 601;
|
||||
color: #ffffff;
|
||||
line-height: 40px;
|
||||
}
|
||||
.pb16{
|
||||
padding-bottom: 16px;
|
||||
}
|
||||
.pb20{
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
@ -1,3 +1,8 @@
|
||||
{
|
||||
"navigationBarTitleText": "好工作"
|
||||
}
|
||||
|
||||
"navigationStyle":"custom",
|
||||
|
||||
"usingComponents": {
|
||||
"job-list": "plugin://job-plugin/job-component"
|
||||
}
|
||||
}
|
||||
@ -1,529 +1,12 @@
|
||||
/* required by usingComponents */
|
||||
|
||||
page {
|
||||
overflow-x: hidden;
|
||||
/* line-height: 1; */
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
.demo-steps-class {
|
||||
margin: 20px 0;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
}
|
||||
|
||||
.demo-btn-container {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 20px;
|
||||
}
|
||||
|
||||
.demo-btn {
|
||||
width: 47%;
|
||||
}
|
||||
|
||||
.atd-config-transparent-header {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
/*.atd-config-transparent-header .content-top {
|
||||
background-image: url('https://gw.alipayobjects.com/mdn/rms_7a3c08/afts/img/A*13jpTYrECqYAAAAAAAAAAABjARQnAQ');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
-moz-background-size: 100% 100%;
|
||||
width: 100vw;
|
||||
height: 746rpx;
|
||||
color: #fff;
|
||||
}*/
|
||||
|
||||
/* .atd-config-transparent-header .content-top{
|
||||
color: #000;
|
||||
} */
|
||||
|
||||
.atd-config-transparent-header .content-top .statusBar {
|
||||
background-color: transparent;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.atd-config-transparent-header .content-top .titleBar {
|
||||
/* background-color: #108ee9; */
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: left;
|
||||
padding-left: 32rpx;
|
||||
}
|
||||
|
||||
.tab-content {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 40rpx;
|
||||
box-sizing: border-box;
|
||||
/* 如果 swipeable="{{true}}",需要增加 height */
|
||||
/* height: 350px; */
|
||||
/* 为了体现 stickyBar 的作用而增加的 tab-content 的高度 */
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
/*.atd-config-transparent-header .content-bottom {
|
||||
margin-top: 1000rpx;
|
||||
background-image: url('https://gw.alipayobjects.com/mdn/rms_7a3c08/afts/img/A*rFctR6myHjcAAAAAAAAAAABjARQnAQ');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
-moz-background-size: 100% 100%;
|
||||
width: 100vw;
|
||||
height: 746rpx;
|
||||
}
|
||||
*/
|
||||
|
||||
.atd-config-transparent-header .content-top .titleBar {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.am-tabs-content-wrap {
|
||||
height: auto !important;
|
||||
}
|
||||
|
||||
.atd-config-transparent-header .content-top .titleBar {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.am-tabs-tab-bar-wrap {
|
||||
width: calc(100vw - 120px);
|
||||
}
|
||||
|
||||
.latest {
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
|
||||
.latest .active {
|
||||
color: rgba(0, 0, 0, 0.85);
|
||||
font-weight: 601;
|
||||
}
|
||||
|
||||
.secondSelect {
|
||||
padding: 8px 20px;
|
||||
}
|
||||
|
||||
.zoneSelect .dib {
|
||||
font-size: 14px;
|
||||
margin-left: 8px;
|
||||
background-color: rgba(0, 0, 0, 0.06);
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.zoneSelect .dib.active {
|
||||
background-color: rgba(254, 99, 63, 0.15);
|
||||
color: #fe633f;
|
||||
}
|
||||
|
||||
.am-tabs-bar {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.weui-tabs-swiper {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.weui-tabs-bar__item {
|
||||
margin: 12px 8px;
|
||||
}
|
||||
|
||||
.weui-tabs-bar__title {
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
|
||||
.weui-tabs-bar__title.tab-bar-title__selected {
|
||||
font-weight: bolder;
|
||||
color: rgba(0, 0, 0, 0.85);
|
||||
border-bottom-color: #fe633f !important;
|
||||
}
|
||||
|
||||
.dian {
|
||||
float: left;
|
||||
position: relative;
|
||||
line-height: 36px;
|
||||
left: 20px;
|
||||
box-shadow: -30px 0 30px #fff;
|
||||
}
|
||||
|
||||
.weui-cell_access .weui-cell__ft {
|
||||
padding-right: 16px;
|
||||
}
|
||||
|
||||
|
||||
.weui-tabs {
|
||||
padding-left: 12px;
|
||||
}
|
||||
.tagsLi {
|
||||
font-size: 12px;
|
||||
}
|
||||
.mt6{
|
||||
margin-top: 6px;
|
||||
}
|
||||
.mb6{
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.logoClass {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
max-width: 100%;
|
||||
/* border: 1rpx solid #ddd; */
|
||||
margin-bottom: 16px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.f20.c633.lh1{
|
||||
font-weight: 601;
|
||||
}
|
||||
.storeName{
|
||||
font-size: 18px;
|
||||
color:rgba(0,0,0,0.85);
|
||||
/* flex:1; */
|
||||
width: 360rpx;
|
||||
font-weight: 601;
|
||||
line-height:1;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.hourPay{
|
||||
/* f18 c633 lh1 flex-1 tr */
|
||||
font-size: 18px;
|
||||
line-height: 1;
|
||||
flex: 1;
|
||||
text-align: right;
|
||||
white-space: nowrap;
|
||||
color: #ea433a;
|
||||
font-weight: 601;
|
||||
}
|
||||
.weui-btn_primary{
|
||||
border-radius: 3px;
|
||||
font-size: 12px;
|
||||
margin-top: 2px;
|
||||
font-weight: 400;
|
||||
width:48px;
|
||||
height:18px;
|
||||
border-radius: 9px;
|
||||
/* line-height: 18px; */
|
||||
background-color: #027AFF;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.searchbar-result{margin-top:0;font-size:14px}.searchbar-result .weui-cell__bd{padding:2px 0 2px 20px;color:var(--weui-FG-1)}.searchbar-result:before{display:none}
|
||||
.weui-search-bar {
|
||||
position: relative;
|
||||
padding: 8px 16px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
.tttg{
|
||||
max-width:calc(100vw - 150px);float: left;
|
||||
}
|
||||
.tttg .tagsLi{
|
||||
display: none;
|
||||
}
|
||||
.tttg .tagsLi:nth-child(-n+3){
|
||||
display: inline-block;
|
||||
}
|
||||
.f12.c045.flex-1.mb4{
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
.prImg{
|
||||
position: relative;
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
button.collect{
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 65px;
|
||||
bottom: 0;
|
||||
padding: 0;
|
||||
width: 48px;
|
||||
border: 1rpx solid #ddd;
|
||||
border-radius: 2px;
|
||||
height: 18px;
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
padding: 0px;
|
||||
background-color: #fff;
|
||||
/* opacity: 0.7; */
|
||||
line-height: 18px;
|
||||
/* border-bottom-left-radius: 4px;
|
||||
border-bottom-right-radius: 4px; */
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.cf{
|
||||
color: #fff;
|
||||
}
|
||||
.icon-sousuo{
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 14px;
|
||||
margin-top: -7px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
color: #cccccc;
|
||||
}
|
||||
.weui-search-bar__form{
|
||||
border-radius: 20px;
|
||||
}
|
||||
.icon-qingchu{
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 4px;
|
||||
margin-top: -15px;
|
||||
padding: 8px;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
-webkit-mask-size: 16px;
|
||||
mask-size: 16px;
|
||||
color: rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.f15{
|
||||
font-size: 15px !important;
|
||||
}
|
||||
.weui-search-bar__box {
|
||||
padding-left: 36px;
|
||||
}
|
||||
.weui-search-bar{
|
||||
background-color: #027AFF;
|
||||
}
|
||||
.p1020 {
|
||||
padding:10px;
|
||||
}
|
||||
/* .p1020 .display-flex{
|
||||
padding: 16px 10px;
|
||||
|
||||
} */
|
||||
#searchBar .cf,#searchBar .cf085{
|
||||
color: #FFF;
|
||||
}
|
||||
.banner{
|
||||
/* background-color: #027AFF; */
|
||||
margin-top: 10px;
|
||||
padding:0 10px;
|
||||
}
|
||||
.innerSwiper{
|
||||
border-radius: 8px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.jobCenter{
|
||||
height:calc(100vh);
|
||||
padding: 0px;
|
||||
margin-top:10px;
|
||||
border-radius: 8px;
|
||||
position: relative;
|
||||
z-index: 999;
|
||||
background-color: #fff;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.jobCenterActive{
|
||||
height:calc(100vh);
|
||||
/* padding: 0 10px;
|
||||
margin-top:10px; */
|
||||
/* border-radius: 8px; */
|
||||
position: relative;
|
||||
z-index: 999;
|
||||
background-color: #f8f8f7;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.jobOne{
|
||||
/* margin-top: 10px; */
|
||||
padding: 0 10px;
|
||||
line-height: 1;
|
||||
margin-top:-1rpx;
|
||||
}
|
||||
.jobIn{
|
||||
border-top:1rpx solid #f5f5f5;
|
||||
padding: 20px 0px;
|
||||
background-color: #fff;
|
||||
/* border-radius: 4px; */
|
||||
}
|
||||
.jobOne:nth-of-type(1) .jobIn{
|
||||
border-top:0;
|
||||
}
|
||||
.jobOne:nth-child(1) .jobIn{
|
||||
border-top:0;
|
||||
}
|
||||
.icon-weixuanzhong2{
|
||||
color:#999;
|
||||
font-size:6px;
|
||||
margin-left:2px;
|
||||
line-height: 36px;
|
||||
position: relative;
|
||||
top:-2px;
|
||||
}
|
||||
.xgxg .icon-zhankai{
|
||||
font-size: 14px;
|
||||
}
|
||||
.csbf{
|
||||
/* position: relative; */
|
||||
/* width:60px; */
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
color: #333333;
|
||||
line-height: 36px;
|
||||
}
|
||||
/* .csbf .icon-baise1{
|
||||
font-size:7px;
|
||||
position: relative;
|
||||
top: -2px;
|
||||
} */
|
||||
.csbf.active{
|
||||
color: #027AFF;
|
||||
}
|
||||
/* .csbf.active .icon-baise1{
|
||||
color: #027AFF;
|
||||
} */
|
||||
.weui-search-bar__box .weui-search-bar__input {
|
||||
padding: 6px 0;
|
||||
}
|
||||
.topHover,.ahover{
|
||||
opacity: 0.8;
|
||||
}
|
||||
.c8,.icon-wode-shoucang{
|
||||
color: #888;
|
||||
}
|
||||
.cred,.icon-shoucang-red{
|
||||
color: rgba(234,67,58,1);
|
||||
}
|
||||
.collect.collectred{
|
||||
/* opacity: 0.5; */
|
||||
border: 1rpx solid #ea433a;
|
||||
}
|
||||
.opacityBtn{
|
||||
position: absolute;
|
||||
width: calc(100vw - 100px);
|
||||
z-index: 999;
|
||||
opacity: 0;
|
||||
}
|
||||
.opacityBtn button{
|
||||
padding:0 10px;
|
||||
}
|
||||
.clickMore{
|
||||
width: 120px;
|
||||
height: 28px;
|
||||
margin: 16px auto;
|
||||
opacity: 1;
|
||||
border: 1px solid #979797;
|
||||
border-radius: 20px;
|
||||
color: #8c8c8c;
|
||||
line-height: 28px;
|
||||
font-size: 14px;
|
||||
background-color: #fff;
|
||||
}
|
||||
.stm{
|
||||
font-size: 13px;
|
||||
font-weight: 400;
|
||||
text-align: center;
|
||||
color: #262626;
|
||||
line-height: 18px;
|
||||
}
|
||||
.gjFixed{
|
||||
position: absolute;
|
||||
top:36px;
|
||||
left:-20px;
|
||||
width:100vw;
|
||||
height:100vh;
|
||||
/* right:0;
|
||||
bottom:0; */
|
||||
z-index: 999;
|
||||
background-color: rgba(0, 0, 0, 0.8);
|
||||
}
|
||||
.oh{
|
||||
overflow: hidden;
|
||||
height:100vh;
|
||||
}
|
||||
.oa{
|
||||
overflow:auto;
|
||||
}
|
||||
.weui-half-screen-dialog{
|
||||
height:75vh;
|
||||
border-top-left-radius: 4px;
|
||||
border-top-right-radius: 4px;
|
||||
padding: 0;
|
||||
}
|
||||
.bgAc{
|
||||
display: inline-block;
|
||||
width: 80px;
|
||||
height: 32px;
|
||||
background: #f5f6f7;
|
||||
border-radius: 7px;
|
||||
font-size: 12px;
|
||||
color: #666666;
|
||||
line-height: 32px;
|
||||
text-align: center;
|
||||
margin-right:8px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.bgAc.active{
|
||||
background: rgba(2,122,255,0.10);
|
||||
color: #027aff;
|
||||
}
|
||||
.btmFix {
|
||||
position: fixed;
|
||||
bottom: 0px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
/* background-color: #ffffff; */
|
||||
z-index: 99;
|
||||
}
|
||||
.resetBtn{
|
||||
height: 44px;
|
||||
opacity: 1;
|
||||
background: #fff;
|
||||
border: 1rpx solid #027AFF;
|
||||
border-radius: 25px;
|
||||
font-size: 18px;
|
||||
font-weight: 601;
|
||||
color: #027AFF;
|
||||
padding: 0;
|
||||
line-height: 44px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.resetBtn:active{
|
||||
background-color: #f2f2f2;
|
||||
}
|
||||
.loginOut {
|
||||
width: 100%;
|
||||
height: 44px;
|
||||
opacity: 1;
|
||||
background: #027AFF;
|
||||
border-radius: 25px;
|
||||
font-size: 18px;
|
||||
font-weight: 601;
|
||||
color: #ffffff;
|
||||
padding: 0;
|
||||
line-height: 44px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.loginOut{
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
.pl10{
|
||||
padding-left: 10px;
|
||||
}
|
||||
.pr10{
|
||||
padding-right: 10px;
|
||||
}
|
||||
.spef{
|
||||
justify-content: space-between;
|
||||
}
|
||||
.spef .flex-1{
|
||||
max-width: 52px;
|
||||
min-width: 52px;
|
||||
}
|
||||
.p10100{
|
||||
padding: 10px 10px 0;
|
||||
min-height:100vh;
|
||||
}
|
||||
.xgxg{
|
||||
padding:0 10px;position: sticky; top: 0;z-index:1000;background-color: #fff;
|
||||
border-radius: 8px;
|
||||
/* pages/index/index.wxss */
|
||||
#nav {
|
||||
text-align: center;
|
||||
background: #eeeeee;
|
||||
margin: 1em;
|
||||
padding: 1em;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
#add {
|
||||
margin: 1em;
|
||||
}
|
||||
@ -0,0 +1,3 @@
|
||||
{
|
||||
"navigationBarTitleText": "好工作"
|
||||
}
|
||||
@ -0,0 +1,529 @@
|
||||
/* required by usingComponents */
|
||||
|
||||
page {
|
||||
overflow-x: hidden;
|
||||
/* line-height: 1; */
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
.demo-steps-class {
|
||||
margin: 20px 0;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
}
|
||||
|
||||
.demo-btn-container {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 20px;
|
||||
}
|
||||
|
||||
.demo-btn {
|
||||
width: 47%;
|
||||
}
|
||||
|
||||
.atd-config-transparent-header {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
/*.atd-config-transparent-header .content-top {
|
||||
background-image: url('https://gw.alipayobjects.com/mdn/rms_7a3c08/afts/img/A*13jpTYrECqYAAAAAAAAAAABjARQnAQ');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
-moz-background-size: 100% 100%;
|
||||
width: 100vw;
|
||||
height: 746rpx;
|
||||
color: #fff;
|
||||
}*/
|
||||
|
||||
/* .atd-config-transparent-header .content-top{
|
||||
color: #000;
|
||||
} */
|
||||
|
||||
.atd-config-transparent-header .content-top .statusBar {
|
||||
background-color: transparent;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.atd-config-transparent-header .content-top .titleBar {
|
||||
/* background-color: #108ee9; */
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: left;
|
||||
padding-left: 32rpx;
|
||||
}
|
||||
|
||||
.tab-content {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 40rpx;
|
||||
box-sizing: border-box;
|
||||
/* 如果 swipeable="{{true}}",需要增加 height */
|
||||
/* height: 350px; */
|
||||
/* 为了体现 stickyBar 的作用而增加的 tab-content 的高度 */
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
/*.atd-config-transparent-header .content-bottom {
|
||||
margin-top: 1000rpx;
|
||||
background-image: url('https://gw.alipayobjects.com/mdn/rms_7a3c08/afts/img/A*rFctR6myHjcAAAAAAAAAAABjARQnAQ');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
-moz-background-size: 100% 100%;
|
||||
width: 100vw;
|
||||
height: 746rpx;
|
||||
}
|
||||
*/
|
||||
|
||||
.atd-config-transparent-header .content-top .titleBar {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.am-tabs-content-wrap {
|
||||
height: auto !important;
|
||||
}
|
||||
|
||||
.atd-config-transparent-header .content-top .titleBar {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.am-tabs-tab-bar-wrap {
|
||||
width: calc(100vw - 120px);
|
||||
}
|
||||
|
||||
.latest {
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
|
||||
.latest .active {
|
||||
color: rgba(0, 0, 0, 0.85);
|
||||
font-weight: 601;
|
||||
}
|
||||
|
||||
.secondSelect {
|
||||
padding: 8px 20px;
|
||||
}
|
||||
|
||||
.zoneSelect .dib {
|
||||
font-size: 14px;
|
||||
margin-left: 8px;
|
||||
background-color: rgba(0, 0, 0, 0.06);
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.zoneSelect .dib.active {
|
||||
background-color: rgba(254, 99, 63, 0.15);
|
||||
color: #fe633f;
|
||||
}
|
||||
|
||||
.am-tabs-bar {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.weui-tabs-swiper {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.weui-tabs-bar__item {
|
||||
margin: 12px 8px;
|
||||
}
|
||||
|
||||
.weui-tabs-bar__title {
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
|
||||
.weui-tabs-bar__title.tab-bar-title__selected {
|
||||
font-weight: bolder;
|
||||
color: rgba(0, 0, 0, 0.85);
|
||||
border-bottom-color: #fe633f !important;
|
||||
}
|
||||
|
||||
.dian {
|
||||
float: left;
|
||||
position: relative;
|
||||
line-height: 36px;
|
||||
left: 20px;
|
||||
box-shadow: -30px 0 30px #fff;
|
||||
}
|
||||
|
||||
.weui-cell_access .weui-cell__ft {
|
||||
padding-right: 16px;
|
||||
}
|
||||
|
||||
|
||||
.weui-tabs {
|
||||
padding-left: 12px;
|
||||
}
|
||||
.tagsLi {
|
||||
font-size: 12px;
|
||||
}
|
||||
.mt6{
|
||||
margin-top: 6px;
|
||||
}
|
||||
.mb6{
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.logoClass {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
max-width: 100%;
|
||||
/* border: 1rpx solid #ddd; */
|
||||
margin-bottom: 16px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.f20.c633.lh1{
|
||||
font-weight: 601;
|
||||
}
|
||||
.storeName{
|
||||
font-size: 18px;
|
||||
color:rgba(0,0,0,0.85);
|
||||
/* flex:1; */
|
||||
width: 360rpx;
|
||||
font-weight: 601;
|
||||
line-height:1;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.hourPay{
|
||||
/* f18 c633 lh1 flex-1 tr */
|
||||
font-size: 18px;
|
||||
line-height: 1;
|
||||
flex: 1;
|
||||
text-align: right;
|
||||
white-space: nowrap;
|
||||
color: #ea433a;
|
||||
font-weight: 601;
|
||||
}
|
||||
.weui-btn_primary{
|
||||
border-radius: 3px;
|
||||
font-size: 12px;
|
||||
margin-top: 2px;
|
||||
font-weight: 400;
|
||||
width:48px;
|
||||
height:18px;
|
||||
border-radius: 9px;
|
||||
/* line-height: 18px; */
|
||||
background-color: #027AFF;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.searchbar-result{margin-top:0;font-size:14px}.searchbar-result .weui-cell__bd{padding:2px 0 2px 20px;color:var(--weui-FG-1)}.searchbar-result:before{display:none}
|
||||
.weui-search-bar {
|
||||
position: relative;
|
||||
padding: 8px 16px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
.tttg{
|
||||
max-width:calc(100vw - 150px);float: left;
|
||||
}
|
||||
.tttg .tagsLi{
|
||||
display: none;
|
||||
}
|
||||
.tttg .tagsLi:nth-child(-n+3){
|
||||
display: inline-block;
|
||||
}
|
||||
.f12.c045.flex-1.mb4{
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
.prImg{
|
||||
position: relative;
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
button.collect{
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 65px;
|
||||
bottom: 0;
|
||||
padding: 0;
|
||||
width: 48px;
|
||||
border: 1rpx solid #ddd;
|
||||
border-radius: 2px;
|
||||
height: 18px;
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
padding: 0px;
|
||||
background-color: #fff;
|
||||
/* opacity: 0.7; */
|
||||
line-height: 18px;
|
||||
/* border-bottom-left-radius: 4px;
|
||||
border-bottom-right-radius: 4px; */
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.cf{
|
||||
color: #fff;
|
||||
}
|
||||
.icon-sousuo{
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 14px;
|
||||
margin-top: -7px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
color: #cccccc;
|
||||
}
|
||||
.weui-search-bar__form{
|
||||
border-radius: 20px;
|
||||
}
|
||||
.icon-qingchu{
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 4px;
|
||||
margin-top: -15px;
|
||||
padding: 8px;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
-webkit-mask-size: 16px;
|
||||
mask-size: 16px;
|
||||
color: rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.f15{
|
||||
font-size: 15px !important;
|
||||
}
|
||||
.weui-search-bar__box {
|
||||
padding-left: 36px;
|
||||
}
|
||||
.weui-search-bar{
|
||||
background-color: #027AFF;
|
||||
}
|
||||
.p1020 {
|
||||
padding:10px;
|
||||
}
|
||||
/* .p1020 .display-flex{
|
||||
padding: 16px 10px;
|
||||
|
||||
} */
|
||||
#searchBar .cf,#searchBar .cf085{
|
||||
color: #FFF;
|
||||
}
|
||||
.banner{
|
||||
/* background-color: #027AFF; */
|
||||
margin-top: 10px;
|
||||
padding:0 10px;
|
||||
}
|
||||
.innerSwiper{
|
||||
border-radius: 8px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.jobCenter{
|
||||
height:calc(100vh);
|
||||
padding: 0px;
|
||||
margin-top:10px;
|
||||
border-radius: 8px;
|
||||
position: relative;
|
||||
z-index: 999;
|
||||
background-color: #fff;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.jobCenterActive{
|
||||
height:calc(100vh);
|
||||
/* padding: 0 10px;
|
||||
margin-top:10px; */
|
||||
/* border-radius: 8px; */
|
||||
position: relative;
|
||||
z-index: 999;
|
||||
background-color: #f8f8f7;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.jobOne{
|
||||
/* margin-top: 10px; */
|
||||
padding: 0 10px;
|
||||
line-height: 1;
|
||||
margin-top:-1rpx;
|
||||
}
|
||||
.jobIn{
|
||||
border-top:1rpx solid #f5f5f5;
|
||||
padding: 20px 0px;
|
||||
background-color: #fff;
|
||||
/* border-radius: 4px; */
|
||||
}
|
||||
.jobOne:nth-of-type(1) .jobIn{
|
||||
border-top:0;
|
||||
}
|
||||
.jobOne:nth-child(1) .jobIn{
|
||||
border-top:0;
|
||||
}
|
||||
.icon-weixuanzhong2{
|
||||
color:#999;
|
||||
font-size:6px;
|
||||
margin-left:2px;
|
||||
line-height: 36px;
|
||||
position: relative;
|
||||
top:-2px;
|
||||
}
|
||||
.xgxg .icon-zhankai{
|
||||
font-size: 14px;
|
||||
}
|
||||
.csbf{
|
||||
/* position: relative; */
|
||||
/* width:60px; */
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
color: #333333;
|
||||
line-height: 36px;
|
||||
}
|
||||
/* .csbf .icon-baise1{
|
||||
font-size:7px;
|
||||
position: relative;
|
||||
top: -2px;
|
||||
} */
|
||||
.csbf.active{
|
||||
color: #027AFF;
|
||||
}
|
||||
/* .csbf.active .icon-baise1{
|
||||
color: #027AFF;
|
||||
} */
|
||||
.weui-search-bar__box .weui-search-bar__input {
|
||||
padding: 6px 0;
|
||||
}
|
||||
.topHover,.ahover{
|
||||
opacity: 0.8;
|
||||
}
|
||||
.c8,.icon-wode-shoucang{
|
||||
color: #888;
|
||||
}
|
||||
.cred,.icon-shoucang-red{
|
||||
color: rgba(234,67,58,1);
|
||||
}
|
||||
.collect.collectred{
|
||||
/* opacity: 0.5; */
|
||||
border: 1rpx solid #ea433a;
|
||||
}
|
||||
.opacityBtn{
|
||||
position: absolute;
|
||||
width: calc(100vw - 100px);
|
||||
z-index: 999;
|
||||
opacity: 0;
|
||||
}
|
||||
.opacityBtn button{
|
||||
padding:0 10px;
|
||||
}
|
||||
.clickMore{
|
||||
width: 120px;
|
||||
height: 28px;
|
||||
margin: 16px auto;
|
||||
opacity: 1;
|
||||
border: 1px solid #979797;
|
||||
border-radius: 20px;
|
||||
color: #8c8c8c;
|
||||
line-height: 28px;
|
||||
font-size: 14px;
|
||||
background-color: #fff;
|
||||
}
|
||||
.stm{
|
||||
font-size: 13px;
|
||||
font-weight: 400;
|
||||
text-align: center;
|
||||
color: #262626;
|
||||
line-height: 18px;
|
||||
}
|
||||
.gjFixed{
|
||||
position: absolute;
|
||||
top:36px;
|
||||
left:-20px;
|
||||
width:100vw;
|
||||
height:100vh;
|
||||
/* right:0;
|
||||
bottom:0; */
|
||||
z-index: 999;
|
||||
background-color: rgba(0, 0, 0, 0.8);
|
||||
}
|
||||
.oh{
|
||||
overflow: hidden;
|
||||
height:100vh;
|
||||
}
|
||||
.oa{
|
||||
overflow:auto;
|
||||
}
|
||||
.weui-half-screen-dialog{
|
||||
height:75vh;
|
||||
border-top-left-radius: 4px;
|
||||
border-top-right-radius: 4px;
|
||||
padding: 0;
|
||||
}
|
||||
.bgAc{
|
||||
display: inline-block;
|
||||
width: 80px;
|
||||
height: 32px;
|
||||
background: #f5f6f7;
|
||||
border-radius: 7px;
|
||||
font-size: 12px;
|
||||
color: #666666;
|
||||
line-height: 32px;
|
||||
text-align: center;
|
||||
margin-right:8px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.bgAc.active{
|
||||
background: rgba(2,122,255,0.10);
|
||||
color: #027aff;
|
||||
}
|
||||
.btmFix {
|
||||
position: fixed;
|
||||
bottom: 0px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
/* background-color: #ffffff; */
|
||||
z-index: 99;
|
||||
}
|
||||
.resetBtn{
|
||||
height: 44px;
|
||||
opacity: 1;
|
||||
background: #fff;
|
||||
border: 1rpx solid #027AFF;
|
||||
border-radius: 25px;
|
||||
font-size: 18px;
|
||||
font-weight: 601;
|
||||
color: #027AFF;
|
||||
padding: 0;
|
||||
line-height: 44px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.resetBtn:active{
|
||||
background-color: #f2f2f2;
|
||||
}
|
||||
.loginOut {
|
||||
width: 100%;
|
||||
height: 44px;
|
||||
opacity: 1;
|
||||
background: #027AFF;
|
||||
border-radius: 25px;
|
||||
font-size: 18px;
|
||||
font-weight: 601;
|
||||
color: #ffffff;
|
||||
padding: 0;
|
||||
line-height: 44px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.loginOut{
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
.pl10{
|
||||
padding-left: 10px;
|
||||
}
|
||||
.pr10{
|
||||
padding-right: 10px;
|
||||
}
|
||||
.spef{
|
||||
justify-content: space-between;
|
||||
}
|
||||
.spef .flex-1{
|
||||
max-width: 52px;
|
||||
min-width: 52px;
|
||||
}
|
||||
.p10100{
|
||||
padding: 10px 10px 0;
|
||||
min-height:100vh;
|
||||
}
|
||||
.xgxg{
|
||||
padding:0 10px;position: sticky; top: 0;z-index:1000;background-color: #fff;
|
||||
border-radius: 8px;
|
||||
}
|
||||
@ -0,0 +1,97 @@
|
||||
// pages/special/index.js
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
id:''
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad(options) {
|
||||
console.log(options.id)
|
||||
this.setData({
|
||||
id:options.id
|
||||
})
|
||||
let id = options.id;
|
||||
if(id == "608"){
|
||||
wx.setNavigationBarTitle({
|
||||
title: '今日热推'
|
||||
})
|
||||
}else if(id == "602"){
|
||||
wx.setNavigationBarTitle({
|
||||
title: '实习生'
|
||||
})
|
||||
}else if(id == "610"){
|
||||
wx.setNavigationBarTitle({
|
||||
title: '寒暑假工'
|
||||
})
|
||||
}else if(id == "603"){
|
||||
wx.setNavigationBarTitle({
|
||||
title: '社会工'
|
||||
})
|
||||
}else if(id == "604"){
|
||||
wx.setNavigationBarTitle({
|
||||
title: '大龄工'
|
||||
})
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady() {
|
||||
|
||||
},
|
||||
sub_fun: function (e) {
|
||||
console.log(e.detail)
|
||||
wx.navigateTo({
|
||||
url: '../detail/index?id='+e.detail,
|
||||
})
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage() {
|
||||
|
||||
}
|
||||
})
|
||||
@ -0,0 +1,5 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"special": "plugin://job-plugin/special"
|
||||
}
|
||||
}
|
||||
@ -0,0 +1 @@
|
||||
<special s_id="{{id}}" bind:click_btn="sub_fun"></special>
|
||||
@ -0,0 +1 @@
|
||||
/* pages/special/index.wxss */
|
||||