miniprogram / Jobs · 提交

转到一个项目

作者 Lijianheng
提交 1252cbf5bf1ddaaacf586ee528587f1b7bd6383f 1 个父辈 2a9b4443

update

内嵌 并排对比
正在显示 10 个修改的文件 包含 1066 行增加 和 42 行删除
1 { 1 {
2 "pages":[ 2 "pages":[
  3 + "pages/employerDetails/employerDetails",
3 "pages/positionDetails/positionDetails", 4 "pages/positionDetails/positionDetails",
4 "pages/regSuccess/regSuccess", 5 "pages/regSuccess/regSuccess",
5 "pages/inviteFriends/inviteFriends", 6 "pages/inviteFriends/inviteFriends",
  1 +// pages/employerDetails/employerDetails.js
  2 +Page({
  3 +
  4 + /**
  5 + * 页面的初始数据
  6 + */
  7 + data: {
  8 +
  9 + },
  10 +
  11 + /**
  12 + * 生命周期函数--监听页面加载
  13 + */
  14 + onLoad: function (options) {
  15 +
  16 + },
  17 +
  18 + /**
  19 + * 生命周期函数--监听页面初次渲染完成
  20 + */
  21 + onReady: function () {
  22 +
  23 + },
  24 +
  25 + /**
  26 + * 生命周期函数--监听页面显示
  27 + */
  28 + onShow: function () {
  29 +
  30 + },
  31 +
  32 + /**
  33 + * 生命周期函数--监听页面隐藏
  34 + */
  35 + onHide: function () {
  36 +
  37 + },
  38 +
  39 + /**
  40 + * 生命周期函数--监听页面卸载
  41 + */
  42 + onUnload: function () {
  43 +
  44 + },
  45 +
  46 + /**
  47 + * 页面相关事件处理函数--监听用户下拉动作
  48 + */
  49 + onPullDownRefresh: function () {
  50 +
  51 + },
  52 +
  53 + /**
  54 + * 页面上拉触底事件的处理函数
  55 + */
  56 + onReachBottom: function () {
  57 +
  58 + },
  59 +
  60 + /**
  61 + * 用户点击右上角分享
  62 + */
  63 + onShareAppMessage: function () {
  64 +
  65 + }
  66 +})
  1 +{
  2 + "usingComponents": {},
  3 + "navigationBarTitleText": "招聘者详情"
  4 +}
  1 +
  2 +<view class='container'>
  3 + <view class='top'>
  4 + <view class='top_pic'>
  5 + <image src='../../img/aicon_18@2x.png'></image>
  6 + </view>
  7 + <view class='top_text'>
  8 + <view class='top_text_left'>
  9 + 王思迪
  10 + </view>
  11 + <view class='top_text_right'>
  12 + <image src='../../img/aicon_49@2x.png'></image>
  13 + </view>
  14 + </view>
  15 + </view>
  16 +
  17 + <!-- 地址 -->
  18 + <view class='addr'>
  19 + <view class='addr_left'>
  20 + 天津市滨海新天津滨海新区七大街万贸科技有限公司
  21 + </view>
  22 + <view class='addr_right'>
  23 + <view class='addr_right_icon'>
  24 + <image src='../../img/aicon_09@2x.png'></image>
  25 + </view>
  26 + <view class='addr_right_distance'>371m</view>
  27 + </view>
  28 + </view>
  29 +
  30 + <!-- 相关岗位 -->
  31 + <view class='items'>
  32 + <view class='related'>
  33 + 相关岗位
  34 + </view>
  35 +
  36 + <view class='item'>
  37 + <!-- 头部 -->
  38 + <view class='item_top'>
  39 + <view class='item_top_left'>
  40 + <view class='item_top_left_pic'>
  41 + <image src='/img/aicon_08@2x.png'></image>
  42 + </view>
  43 + <view class='item_top_left_text'>
  44 + <view class='text_top'>酒店服务员</view>
  45 + <view class='text_bottom'>4000-5000元/月</view>
  46 + </view>
  47 + </view>
  48 +
  49 + <view class='item_top_right'>
  50 + 报名
  51 + </view>
  52 + </view>
  53 + <!-- 底部 -->
  54 + <view class='item_bottom'>
  55 + <view class='item_bottom_left'>
  56 + <view class='item_bottom_left_pic'>
  57 + <image src='/img/aicon_10@2x.png'></image>
  58 + </view>
  59 + <!-- 名字 -->
  60 + <view>王思迪</view>
  61 + </view>
  62 +
  63 + <view class='item_bottom_right'>
  64 + <view class='item_bottom_left_pic'>
  65 + <image src='/img/aicon_09@2x.png'></image>
  66 + </view>
  67 + <view>南开区 3.2km</view>
  68 + </view>
  69 + </view>
  70 + </view>
  71 +
  72 + <view class='item'>
  73 + <!-- 头部 -->
  74 + <view class='item_top'>
  75 + <view class='item_top_left'>
  76 + <view class='item_top_left_pic'>
  77 + <image src='/img/aicon_08@2x.png'></image>
  78 + </view>
  79 + <view class='item_top_left_text'>
  80 + <view class='text_top'>酒店服务员</view>
  81 + <view class='text_bottom'>4000-5000元/月</view>
  82 + </view>
  83 + </view>
  84 +
  85 + <view class='item_top_right'>
  86 + 报名
  87 + </view>
  88 + </view>
  89 + <!-- 底部 -->
  90 + <view class='item_bottom'>
  91 + <view class='item_bottom_left'>
  92 + <view class='item_bottom_left_pic'>
  93 + <image src='/img/aicon_10@2x.png'></image>
  94 + </view>
  95 + <!-- 名字 -->
  96 + <view>王思迪</view>
  97 + </view>
  98 +
  99 + <view class='item_bottom_right'>
  100 + <view class='item_bottom_left_pic'>
  101 + <image src='/img/aicon_09@2x.png'></image>
  102 + </view>
  103 + <view>南开区 3.2km</view>
  104 + </view>
  105 + </view>
  106 + </view>
  107 + </view>
  108 +
  109 + <!-- 没有更多内容了 -->
  110 + <view class='bottom'>
  111 + 没有更多内容了
  112 + </view>
  113 +</view>
  1 +
  2 +page{
  3 + line-height: 1;
  4 + background: #F5F5F5;
  5 +}
  6 +
  7 +.container{
  8 + width: 750rpx;
  9 + display: flex;
  10 + flex-flow: column;
  11 + /* align-items: center; */
  12 +}
  13 +
  14 +.top{
  15 + display: flex;
  16 + flex-flow: column;
  17 + background: #fff;
  18 +}
  19 +.top_pic{
  20 + width:750rpx;
  21 + height:360rpx;
  22 + display: flex;
  23 +}
  24 +.top_pic image{
  25 + width: 100%;
  26 + height: 100%;
  27 +}
  28 +.top_text{
  29 + display: flex;
  30 + align-items: center;
  31 + justify-content: space-between;
  32 + box-sizing: border-box;
  33 + padding: 20rpx 32rpx;
  34 +}
  35 +.top_text_left{
  36 + font-size:36rpx;
  37 + font-family:PingFang-SC-Medium;
  38 + font-weight:500;
  39 + color:rgba(26,26,26,1);
  40 +}
  41 +.top_text_right{
  42 + width:72rpx;
  43 + height:72rpx;
  44 + border-radius:2rpx;
  45 +}
  46 +.top_text_right image{
  47 + width: 100%;
  48 + height: 100%;
  49 +}
  50 +.addr{
  51 + margin-top: 14rpx;
  52 + display: flex;
  53 + justify-content: space-between;
  54 + background: #fff;
  55 + box-sizing: border-box;
  56 + padding: 40rpx 32rpx;
  57 +}
  58 +.addr_left{
  59 + width: 418rpx;
  60 + font-size:28rpx;
  61 + font-family:PingFang-SC-Regular;
  62 + font-weight:400;
  63 + color:rgba(26,26,26,1);
  64 + line-height:42rpx;
  65 +}
  66 +.addr_right{
  67 + display: flex;
  68 + /* align-items: center; */
  69 +}
  70 +.addr_right_icon{
  71 + width:20rpx;
  72 + height:24rpx;
  73 + display: flex;
  74 +}
  75 +.addr_right_icon image{
  76 + width: 100%;
  77 + height: 100%;
  78 +}
  79 +.addr_right_distance{
  80 + margin-left: 15rpx;
  81 + font-size:26rpx;
  82 + font-family:PingFang-SC-Medium;
  83 + font-weight:500;
  84 + color:rgba(153,153,153,1);
  85 +
  86 +}
  87 +.items{
  88 + margin-top: 14rpx;
  89 + display: flex;
  90 + flex-flow: column;
  91 + background: #fff;
  92 +}
  93 +.related{
  94 + font-size:30rpx;
  95 + font-family:PingFang-SC-Medium;
  96 + font-weight:500;
  97 + color:rgba(26,26,26,1);
  98 + box-sizing: border-box;
  99 + padding: 40rpx 54rpx 25rpx 54rpx;
  100 + position: relative;
  101 + border-bottom: 1px solid #EBEBEB;
  102 +}
  103 +.related::before{
  104 + content: '';
  105 + position: absolute;
  106 + top: 42rpx;
  107 + left: 32rpx;
  108 + width:6rpx;
  109 + height:24rpx;
  110 + background:rgba(255,102,0,1);
  111 +}
  112 +.item{
  113 + margin-top: 1px;
  114 + display: flex;
  115 + flex-flow: column;
  116 + background: #fff;
  117 + padding: 40rpx 30rpx;
  118 + border-bottom: 1px solid #EBEBEB;
  119 +}
  120 +
  121 +.item_top{
  122 + display: flex;
  123 + justify-content: space-between;
  124 +}
  125 +.item_top_left{
  126 + display: flex;
  127 +}
  128 +.item_top_left_pic{
  129 + width:72rpx;
  130 + height:72rpx;
  131 + border-radius:2rpx;
  132 + display: flex;
  133 +}
  134 +.item_top_left_pic image{
  135 + width: 100%;
  136 + height: 100%;
  137 +}
  138 +.item_top_left_text{
  139 + margin-left: 23rpx;
  140 + display: flex;
  141 + flex-flow: column;
  142 +}
  143 +.text_top{
  144 + font-size:32rpx;
  145 + font-family:PingFang-SC-Medium;
  146 + font-weight:500;
  147 + color:rgba(26,26,26,1);
  148 +}
  149 +.text_bottom{
  150 + margin-top: 17rpx;
  151 + font-size:28rpx;
  152 + font-family:PingFang-SC-Medium;
  153 + font-weight:500;
  154 + color:rgba(255,59,40,1);
  155 +}
  156 +.item_top_right{
  157 + width:140rpx;
  158 + height:66rpx;
  159 + line-height: 66rpx;
  160 + text-align: center;
  161 + border:1px solid rgba(255,102,0,1);
  162 + border-radius:33rpx;
  163 +
  164 +
  165 + font-size:28rpx;
  166 + font-family:PingFang-SC-Medium;
  167 + font-weight:500;
  168 + color:rgba(255,102,0,1);
  169 +}
  170 +.item_bottom{
  171 + margin-top: 20rpx;
  172 + margin-left: 80rpx;
  173 + display: flex;
  174 + align-items: center;
  175 + justify-content: space-between;
  176 + font-size:26rpx;
  177 + font-family:PingFang-SC-Medium;
  178 + font-weight:500;
  179 + color:rgba(153,153,153,1);
  180 +}
  181 +.item_bottom_left{
  182 + display: flex;
  183 + align-items: center;
  184 +
  185 +}
  186 +.item_bottom_left_pic{
  187 + width:22rpx;
  188 + height:22rpx;
  189 + display: flex;
  190 + margin-right: 13rpx;
  191 +}
  192 +.item_bottom_left_pic image{
  193 + width: 100%;
  194 + height: 100%;
  195 +}
  196 +.item_bottom_right{
  197 + display: flex;
  198 + align-items: center;
  199 +}
  200 +.item_bottom_left_pic{
  201 + margin-left: 14rpx;
  202 + width:20rpx;
  203 + height:24rpx;
  204 + display: flex;
  205 +}
  206 +.item_bottom_left_pic image{
  207 + width: 100%;
  208 + height: 100%;
  209 +}
  210 +.bottom{
  211 + padding: 24rpx 0;
  212 + text-align: center;
  213 + font-size:24rpx;
  214 + font-family:PingFang-SC-Regular;
  215 + font-weight:400;
  216 + color:rgba(153,153,153,1);
  217 + background: #fff;
  218 +
  219 +}
@@ -5,62 +5,290 @@ Page({ @@ -5,62 +5,290 @@ Page({
5 * 页面的初始数据 5 * 页面的初始数据
6 */ 6 */
7 data: { 7 data: {
  8 + imgUrls: [{
  9 + url: '/img/aicon_07@2x.png'
  10 + },
  11 + {
  12 + url: '/img/aicon_07@2x.png'
  13 + },
  14 + {
  15 + url: '/img/aicon_07@2x.png'
  16 + },
  17 + ],
  18 + indicatorDots: true,
  19 + autoplay: false,
  20 + interval: 1000,
  21 + duration: 1000,
  22 + currentSwiper: 0,
  23 + indicatorColor: "rgba(255,255,255,0.5)", //指示点颜色
  24 + indicatorActiveColor: "rgba(255,255,255,1)", //当前选中的指示点颜色
8 25
  26 + navbar: [{
  27 + name: '地区'
  28 + },
  29 + {
  30 + name: '岗位'
  31 + },
  32 + {
  33 + name: '推荐排序'
  34 + },
  35 + {
  36 + name: '筛选'
  37 + }
  38 + ],
  39 + currentTab: 0,
  40 + // 地区选择
  41 + areabar: [{
  42 + area: '不限'
  43 + },
  44 + {
  45 + area: '河西'
  46 + },
  47 + {
  48 + area: '河东'
  49 + },
  50 + {
  51 + area: '和平'
  52 + },
  53 + {
  54 + area: '河东万达广场'
  55 + }
  56 + ],
  57 + areaTab: 0,
  58 + //岗位选择（大类别）
  59 + jobbar: [{
  60 + job: '不限'
  61 + },
  62 + {
  63 + job: '热门'
  64 + },
  65 + {
  66 + job: '餐饮'
  67 + },
  68 + {
  69 + job: '旅行/酒店'
  70 + },
  71 + {
  72 + job: '休闲'
  73 + }
  74 +
  75 +
  76 + ],
  77 + jobTab: 0,
  78 + //岗位选择（小类别）
  79 + probar: [{
  80 + pro: '不限'
  81 + },
  82 + {
  83 + pro: '热门'
  84 + },
  85 + {
  86 + pro: '餐饮'
  87 + },
  88 + {
  89 + pro: '旅行/酒店'
  90 + },
  91 + {
  92 + pro: '休闲'
  93 + }
  94 +
  95 +
  96 + ],
  97 + proTab: 0,
  98 + // 推荐排序
  99 + sortbar: [{
  100 + sort: '推荐排序'
  101 + },
  102 + {
  103 + sort: '离我最近'
  104 + },
  105 + {
  106 + sort: '工资最高'
  107 + },
  108 + {
  109 + sort: '最新发布'
  110 + },
  111 +
  112 +
  113 + ],
  114 + sortTab: 0,
  115 + // 筛选(学历)
  116 + screenbar: [{
  117 + screen: '不限'
  118 + },
  119 + {
  120 + screen: '小学及以下'
  121 + },
  122 + {
  123 + screen: '初中'
  124 + },
  125 + {
  126 + screen: '高中'
  127 + },
  128 + {
  129 + screen: '中专/技校'
  130 + },
  131 + {
  132 + screen: '大专'
  133 + },
  134 + {
  135 + screen: '本科'
  136 + },
  137 + {
  138 + screen: '硕士'
  139 + },
  140 + {
  141 + screen: '博士'
  142 + },
  143 +
  144 +
  145 + ],
  146 + screenTab: 0,
  147 + // 筛选(酬薪范围)
  148 + scopebar: [{
  149 + scope: '不限'
  150 + },
  151 + {
  152 + scope: '3000以下'
  153 + },
  154 + {
  155 + scope: '3000~5000'
  156 + },
  157 + {
  158 + scope: '5000~8000'
  159 + },
  160 + {
  161 + scope: '8000以上'
  162 + },
  163 +
  164 + ],
  165 + scopeTab: 0,
  166 +
  167 +
  168 +
  169 + // 设置隐藏显示功能
  170 + mask: false,
  171 +
  172 + //点击触发功能
  173 + select: [
  174 +
  175 + ]
9 }, 176 },
10 177
  178 + // 点击展示mask
  179 + mask_show() {
  180 + this.setData({
  181 + mask: true
  182 + })
  183 + },
11 /** 184 /**
12 * 生命周期函数--监听页面加载 185 * 生命周期函数--监听页面加载
13 */ 186 */
14 - onLoad: function (options) { 187 + onLoad: function(options) {
15 188
16 }, 189 },
  190 + navbarTap: function(e) {
  191 + console.log(88)
  192 + let that = this;
  193 + this.setData({
  194 + currentTab: e.currentTarget.dataset.idx,
  195 + })
  196 + },
  197 + // 地区选择
  198 + area_Tap: function(e) {
  199 + console.log(88)
  200 + let that = this;
  201 + this.setData({
  202 + areaTab: e.currentTarget.dataset.idarea,
  203 + })
  204 + },
  205 + // 岗位选择
  206 + job_Tap: function(e) {
  207 + console.log(88)
  208 + let that = this;
  209 + this.setData({
  210 + jobTab: e.currentTarget.dataset.idjob,
  211 + })
  212 + },
  213 + // 岗位选择(小类别)
  214 + pro_Tap: function (e) {
  215 + console.log(88)
  216 + let that = this;
  217 + this.setData({
  218 + proTab: e.currentTarget.dataset.idpro,
  219 + })
  220 + },
  221 + // 推荐排序
  222 + sort_Tap: function(e) {
  223 + console.log(88)
  224 + let that = this;
  225 + this.setData({
  226 + sortTab: e.currentTarget.dataset.idsort,
  227 + })
  228 + },
  229 + // 筛选(学历要求)
  230 + screen_Tap: function(e) {
  231 + console.log(88)
  232 + let that = this;
  233 + this.setData({
  234 + screenTab: e.currentTarget.dataset.idscreen,
  235 + })
  236 + },
  237 + // 筛选(酬薪范围)
  238 + scope_Tap: function(e) {
  239 + console.log(88)
  240 + let that = this;
  241 + this.setData({
  242 + scopeTab: e.currentTarget.dataset.idscope,
  243 + })
  244 + },
17 245
18 /** 246 /**
19 * 生命周期函数--监听页面初次渲染完成 247 * 生命周期函数--监听页面初次渲染完成
20 */ 248 */
21 - onReady: function () { 249 + onReady: function() {
22 250
23 }, 251 },
24 252
25 /** 253 /**
26 * 生命周期函数--监听页面显示 254 * 生命周期函数--监听页面显示
27 */ 255 */
28 - onShow: function () { 256 + onShow: function() {
29 257
30 }, 258 },
31 259
32 /** 260 /**
33 * 生命周期函数--监听页面隐藏 261 * 生命周期函数--监听页面隐藏
34 */ 262 */
35 - onHide: function () { 263 + onHide: function() {
36 264
37 }, 265 },
38 266
39 /** 267 /**
40 * 生命周期函数--监听页面卸载 268 * 生命周期函数--监听页面卸载
41 */ 269 */
42 - onUnload: function () { 270 + onUnload: function() {
43 271
44 }, 272 },
45 273
46 /** 274 /**
47 * 页面相关事件处理函数--监听用户下拉动作 275 * 页面相关事件处理函数--监听用户下拉动作
48 */ 276 */
49 - onPullDownRefresh: function () { 277 + onPullDownRefresh: function() {
50 278
51 }, 279 },
52 280
53 /** 281 /**
54 * 页面上拉触底事件的处理函数 282 * 页面上拉触底事件的处理函数
55 */ 283 */
56 - onReachBottom: function () { 284 + onReachBottom: function() {
57 285
58 }, 286 },
59 287
60 /** 288 /**
61 * 用户点击右上角分享 289 * 用户点击右上角分享
62 */ 290 */
63 - onShareAppMessage: function () { 291 + onShareAppMessage: function() {
64 292
65 } 293 }
66 }) 294 })
@@ -61,11 +61,31 @@ @@ -61,11 +61,31 @@
61 </view> 61 </view>
62 </view> 62 </view>
63 <!-- 轮播图 --> 63 <!-- 轮播图 -->
64 - <view class='banner'> 64 + <!-- <view class='banner'>
65 <image src='/img/aicon_07@2x.png'></image> 65 <image src='/img/aicon_07@2x.png'></image>
66 - </view> 66 + </view> -->
  67 + <swiper class='banner' indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" indicator-color="{{indicatorColor}}" indicator-active-color="{{indicatorActiveColor}}" bindchange="swiperChange">
  68 +
  69 +
  70 + <block wx:for="{{imgUrls}}" wx:key=''>
  71 + <swiper-item>
  72 + <image src="{{item.url}}" class="slide-image" />
  73 + </swiper-item>
  74 +
  75 + <!-- <view class="dot{{index == currentSwiper ? ' active' : ''}}"></view> -->
  76 +
  77 + </block>
  78 + <!-- <view class="dots">
  79 + <block wx:for="{{imgUrls}}" wx:key="">
  80 + <view class="dot{{index == currentSwiper ? ' active' : ''}}"></view>
  81 + </block>
  82 + </view> -->
  83 +
  84 +
  85 + </swiper>
  86 +
67 <!-- 筛选 --> 87 <!-- 筛选 -->
68 - <view class='select'> 88 + <view class='select' bindtap='mask_show'>
69 <view class='select_list'> 89 <view class='select_list'>
70 <view>地区</view> 90 <view>地区</view>
71 <view class='select_list_pic'> 91 <view class='select_list_pic'>
@@ -237,8 +257,8 @@ @@ -237,8 +257,8 @@
237 </view> 257 </view>
238 258
239 <!-- 筛选弹层 --> 259 <!-- 筛选弹层 -->
240 - <view class='mask' style='display:none'>  
241 - <view class='select mask_select'> 260 + <view class='mask' wx:if='{{mask}}'>
  261 + <!-- <view class='select mask_select {{currentTab==index?}}' wx:key='unique' data-categ bindtap='select_btn' wx:for="{{navbar}}" data-idx="{{index}}">
242 <view class='select_list'> 262 <view class='select_list'>
243 <view>地区</view> 263 <view>地区</view>
244 <view class='select_list_pic'> 264 <view class='select_list_pic'>
@@ -263,13 +283,24 @@ @@ -263,13 +283,24 @@
263 <image src='/img/aicon_12@2x.png'></image> 283 <image src='/img/aicon_12@2x.png'></image>
264 </view> 284 </view>
265 </view> 285 </view>
  286 + </view> -->
  287 +
  288 +<view class="select mask_select">
  289 +<view wx:for="{{navbar}}" data-idx="{{index}}" class="select_list {{currentTab==index ? 'active' : ''}}" wx:key="unique" bindtap="navbarTap" data-categoryid="{{item.id}}">{{item.name}}
  290 +
266 </view> 291 </view>
  292 + </view>
267 293
  294 + <!-- 地区内容 -->
  295 + <view class='area' wx:if="{{currentTab==0}}">
  296 + <view class="area_item">
  297 +<view wx:for="{{areabar}}" data-idarea="{{index}}" class="area_item_name {{areaTab==index ? 'active' : ''}}" wx:key="unique" bindtap="area_Tap" data-categoryid="{{item.id}}">{{item.area}}
  298 +
  299 + </view>
  300 + </view>
268 301
269 302
270 - <!-- 地区内容 -->  
271 - <view class='area' style='display:none'>  
272 - <view class='area_item'> 303 + <!-- <view class='area_item'>
273 <view class='area_item_name yellow_color'>不限</view> 304 <view class='area_item_name yellow_color'>不限</view>
274 </view> 305 </view>
275 <view class='area_item'> 306 <view class='area_item'>
@@ -286,12 +317,18 @@ @@ -286,12 +317,18 @@
286 </view> 317 </view>
287 <view class='area_item'> 318 <view class='area_item'>
288 <view class='area_item_name'>河东万达广场</view> 319 <view class='area_item_name'>河东万达广场</view>
289 - </view> 320 + </view> -->
290 </view> 321 </view>
291 322
292 <!-- 岗位内容 --> 323 <!-- 岗位内容 -->
293 - <view class='job' style='display:none'>  
294 - <view class='job_left'> 324 + <view class='job' wx:if="{{currentTab==1}}">
  325 + <view class="job_left">
  326 + <view wx:for="{{jobbar}}" data-idjob="{{index}}" class="job_left_item {{jobTab==index ? 'pitch_on' : ''}}" wx:key="unique" bindtap="job_Tap" data-categoryid="{{item.id}}">{{item.job}}
  327 +
  328 + </view>
  329 + </view>
  330 +
  331 + <!-- <view class='job_left'>
295 <view class='job_left_item'>不限</view> 332 <view class='job_left_item'>不限</view>
296 <view class='job_left_item'>热门</view> 333 <view class='job_left_item'>热门</view>
297 <view class='job_left_item'>餐饮</view> 334 <view class='job_left_item'>餐饮</view>
@@ -300,33 +337,70 @@ @@ -300,33 +337,70 @@
300 <view class='job_left_item'>运动健身</view> 337 <view class='job_left_item'>运动健身</view>
301 <view class='job_left_item'>餐饮</view> 338 <view class='job_left_item'>餐饮</view>
302 <view class='job_left_item'>旅游/酒店</view> 339 <view class='job_left_item'>旅游/酒店</view>
303 - </view> 340 + </view> -->
  341 +
  342 + <!-- 右侧内容 -->
304 343
305 344
306 <view class='job_right'> 345 <view class='job_right'>
307 - <view class='job_right_items'>  
308 - <view class='job_right_item'>不限</view> 346 + <view class='job_right_items' wx:if='{{jobTab==0}}'>
  347 + <view wx:for="{{probar}}" data-idpro="{{index}}" class="job_right_item {{proTab==index ? 'yellow_color' : ''}}" wx:key="unique" bindtap="pro_Tap" data-categoryid="{{item.id}}">{{item.pro}}
  348 +
  349 + </view>
  350 +
  351 +
  352 +
  353 + <!-- <view class='job_right_item'>不限</view>
309 <view class='job_right_item'>迎宾</view> 354 <view class='job_right_item'>迎宾</view>
310 <view class='job_right_item'>传菜员</view> 355 <view class='job_right_item'>传菜员</view>
311 <view class='job_right_item'>配菜打荷</view> 356 <view class='job_right_item'>配菜打荷</view>
312 <view class='job_right_item'>洗碗工</view> 357 <view class='job_right_item'>洗碗工</view>
313 - <view class='job_right_item yellow_color'>后厨</view> 358 + <view class='job_right_item yellow_color'>后厨</view> -->
  359 +
  360 +
314 </view> 361 </view>
  362 +
  363 + <view class='job_right_items' wx:if='{{jobTab==1}}'>
  364 + <view wx:for="{{probar}}" data-idpro="{{index}}" class="job_right_item {{proTab==index ? 'yellow_color' : ''}}" wx:key="unique" bindtap="pro_Tap" data-categoryid="{{item.id}}">{{item.pro}}
  365 +
  366 + </view>
  367 +
  368 + </view>
  369 +
  370 +
  371 +
  372 +
315 </view> 373 </view>
316 </view> 374 </view>
317 375
318 <!-- 推荐排序 --> 376 <!-- 推荐排序 -->
319 - <view class='sort' style='display:none'>  
320 - <view class='sort_item color_y'>推荐排序</view> 377 + <view class='sort' wx:if="{{currentTab==2}}">
  378 + <view wx:for="{{sortbar}}" data-idsort="{{index}}" class="sort_item {{sortTab==index ? 'color_y' : ''}}" wx:key="unique" bindtap="sort_Tap" data-categoryid="{{item.id}}">{{item.sort}}
  379 +
  380 + </view>
  381 +
  382 +
  383 +
  384 + <!-- <view class='sort_item color_y'>推荐排序</view>
321 <view class='sort_item'>离我最近</view> 385 <view class='sort_item'>离我最近</view>
322 <view class='sort_item'>工资最高</view> 386 <view class='sort_item'>工资最高</view>
323 - <view class='sort_item'>最新发布</view> 387 + <view class='sort_item'>最新发布</view> -->
324 </view> 388 </view>
325 389
326 <!-- 筛选 --> 390 <!-- 筛选 -->
327 - <view class='screen' style='display:none'>  
328 - <!-- 学历要求 --> 391 +
  392 + <view class='screen' wx:if="{{currentTab==3}}">
329 <view class='screen_item'> 393 <view class='screen_item'>
  394 + <view class='screen_item_top'> 学历要求
  395 + <view class="screen_item_bottom">
  396 + <view wx:for="{{screenbar}}" data-idscreen="{{index}}" class="screen_item_bottom_i {{screenTab==index ? 'yellow_color' : ''}}" wx:key="unique" bindtap="screen_Tap" data-categoryid="{{item.id}}">{{item.screen}}
  397 +
  398 + </view>
  399 + </view>
  400 + </view>
  401 + </view>
  402 + <!-- 学历要求 -->
  403 + <!-- <view class='screen_item'>
330 <view class='screen_item_top'>学历要求</view> 404 <view class='screen_item_top'>学历要求</view>
331 <view class='screen_item_bottom'> 405 <view class='screen_item_bottom'>
332 <view class='screen_item_bottom_i yellow_color'>不限</view> 406 <view class='screen_item_bottom_i yellow_color'>不限</view>
@@ -340,9 +414,22 @@ @@ -340,9 +414,22 @@
340 <view class='screen_item_bottom_i'>博士</view> 414 <view class='screen_item_bottom_i'>博士</view>
341 415
342 </view> 416 </view>
343 - </view> 417 + </view> -->
  418 +
344 <!-- 酬薪范围 --> 419 <!-- 酬薪范围 -->
345 <view class='screen_item'> 420 <view class='screen_item'>
  421 + <view class='screen_item_top'> 酬薪范围
  422 + <view class="screen_item_bottom">
  423 + <view wx:for="{{scopebar}}" data-idscope="{{index}}" class="screen_item_bottom_i {{scopeTab==index ? 'yellow_color' : ''}}" wx:key="unique" bindtap="scope_Tap" data-categoryid="{{item.id}}">{{item.scope}}
  424 +
  425 + </view>
  426 + </view>
  427 + </view>
  428 + </view>
  429 +
  430 +
  431 +
  432 + <!-- <view class='screen_item'>
346 <view class='screen_item_top'>酬薪范围</view> 433 <view class='screen_item_top'>酬薪范围</view>
347 <view class='screen_item_bottom'> 434 <view class='screen_item_bottom'>
348 <view class='screen_item_bottom_i yellow_color'>不限</view> 435 <view class='screen_item_bottom_i yellow_color'>不限</view>
@@ -352,7 +439,7 @@ @@ -352,7 +439,7 @@
352 <view class='screen_item_bottom_i'>8000以上</view> 439 <view class='screen_item_bottom_i'>8000以上</view>
353 440
354 </view> 441 </view>
355 - </view> 442 + </view> -->
356 443
357 <!-- 底部按钮 --> 444 <!-- 底部按钮 -->
358 <view class='screen_bottom'> 445 <view class='screen_bottom'>
@@ -95,6 +95,7 @@ page{ @@ -95,6 +95,7 @@ page{
95 width: 750rpx; 95 width: 750rpx;
96 height: 220rpx; 96 height: 220rpx;
97 display: flex; 97 display: flex;
  98 + position: relative;
98 } 99 }
99 .banner image{ 100 .banner image{
100 width: 100%; 101 width: 100%;
@@ -239,11 +240,14 @@ page{ @@ -239,11 +240,14 @@ page{
239 } 240 }
240 .mask{ 241 .mask{
241 position: fixed; 242 position: fixed;
242 - width:750rpx;  
243 - height:1150rpx; 243 + top: 0;
  244 + right: 0;
  245 + bottom: 0;
  246 + left: 0;
244 background:rgba(0,0,0,0.4); 247 background:rgba(0,0,0,0.4);
245 z-index: 666; 248 z-index: 666;
246 - 249 + display: flex;
  250 + flex-flow: column;
247 } 251 }
248 .mask_select{ 252 .mask_select{
249 margin: 0; 253 margin: 0;
@@ -260,7 +264,7 @@ page{ @@ -260,7 +264,7 @@ page{
260 } 264 }
261 .area_item{ 265 .area_item{
262 display: flex; 266 display: flex;
263 - 267 + flex-wrap: wrap;
264 } 268 }
265 .area_item_name{ 269 .area_item_name{
266 background:rgba(255,252,245,1); 270 background:rgba(255,252,245,1);
@@ -280,11 +284,12 @@ page{ @@ -280,11 +284,12 @@ page{
280 284
281 } 285 }
282 .yellow_color{ 286 .yellow_color{
283 - border:1px solid rgba(255,170,0,1); 287 + border: 1px solid rgba(255,170,0,1);
284 color: #FFAA00; 288 color: #FFAA00;
285 } 289 }
286 .job{ 290 .job{
287 display: flex; 291 display: flex;
  292 + height: 100%;
288 } 293 }
289 .job_left{ 294 .job_left{
290 295
@@ -292,7 +297,7 @@ page{ @@ -292,7 +297,7 @@ page{
292 flex-flow: column; 297 flex-flow: column;
293 background: #fff; 298 background: #fff;
294 width:242rpx; 299 width:242rpx;
295 - height:1125rpx; 300 + /* height:1125rpx; */
296 } 301 }
297 .job_left_item{ 302 .job_left_item{
298 font-size:26rpx; 303 font-size:26rpx;
@@ -380,6 +385,8 @@ page{ @@ -380,6 +385,8 @@ page{
380 background:rgba(242,243,247,1); 385 background:rgba(242,243,247,1);
381 border-radius:5rpx; 386 border-radius:5rpx;
382 font-size: 26rpx; 387 font-size: 26rpx;
  388 + box-sizing: border-box;
  389 + /* border: 1px solid transparent; */
383 } 390 }
384 .screen_bottom{ 391 .screen_bottom{
385 display: flex; 392 display: flex;
@@ -566,4 +573,34 @@ page{ @@ -566,4 +573,34 @@ page{
566 font-family:PingFang-SC-Medium; 573 font-family:PingFang-SC-Medium;
567 font-weight:500; 574 font-weight:500;
568 color:rgba(255,255,255,1); 575 color:rgba(255,255,255,1);
569 -}  
  576 +}
  577 +/* swiper */
  578 +.swriper{
  579 + display: block;
  580 + height: 220rpx;
  581 +}
  582 +.slide-image{
  583 + width: 750rpx;
  584 + height: 220rpx;
  585 +}
  586 +.dots{
  587 +/* width: 156rpx; */
  588 +height: 36rpx;
  589 +display: flex;
  590 +flex-direction: row;
  591 +position: absolute;
  592 +left: 249rpx;
  593 +bottom: 12rpx;
  594 +}
  595 +/*未选中时的小圆点样式 */
  596 +.dot{
  597 +width: 16rpx;
  598 +height: 16rpx;
  599 +border-radius: 50%;
  600 +margin-right: 26rpx;
  601 +background-color:#B9C0F7;
  602 +}
  603 +/*选中以后的小圆点样式 */
  604 +.active{
  605 + color: #FFAA00;
  606 +}
@@ -27,14 +27,91 @@ @@ -27,14 +27,91 @@
27 <image src='../../img/aicon_18@2x.png'></image> 27 <image src='../../img/aicon_18@2x.png'></image>
28 </view> 28 </view>
29 </view> 29 </view>
30 - <!-- 招聘信息 --> 30 + <!-- 招聘者信息 -->
31 <view class='item'> 31 <view class='item'>
32 <view class='item_top'>招聘者信息</view> 32 <view class='item_top'>招聘者信息</view>
33 <view class='item_infor'> 33 <view class='item_infor'>
34 - <view class='item_infor_left'></view> 34 + <view class='item_infor_left'>
  35 + <image src='../../img/aicon_18@2x.png'></image>
  36 + </view>
35 <view class='item_infor_right'> 37 <view class='item_infor_right'>
36 - <view class='item_infor_right_top'></view>  
37 - <view class='item_infor_right_bottom'></view> 38 + <view class='item_infor_right_top'>四川海底捞餐饮股份有限公司</view>
  39 + <view class='item_infor_right_bottom'>2个岗位在招</view>
  40 + </view>
  41 + </view>
  42 + </view>
  43 + <!-- 工作内容 -->
  44 + <view class='item'>
  45 + <view class='item_top'>工作内容</view>
  46 + <view class='item_top_b'>
  47 + <view class='item_text'>1、工作内容：前台点餐，点餐后，后厨出餐，大厅收拾卫生等</view>
  48 + <view class='item_text'>2、工作时间：6：30-22：00</view>
  49 + </view>
  50 + </view>
  51 + <!-- 温馨提示 -->
  52 + <view class='item_hint'>
  53 + <view class='item_hint_top'>温馨提示</view>
  54 + <view class='item_hint_bottom'> 报名时，建议在我的简历中完善个人信息，信息越完善，成功的几率越大；获取招聘者联系方式后，可主动表明是通过“优秀精英看到的招聘信息”增强彼此的信任。</view>
  55 + </view>
  56 +
  57 + <!-- 底部内容 -->
  58 + <view class='bottom'>
  59 + <view class='bottom_left'>
  60 + <!-- 分享 -->
  61 + <view class='bottom_left_share'>
  62 + <view class='bottom_left_share_pic'>
  63 + <image src='../../img/aicon_20@2x.png'></image>
  64 + </view>
  65 + <!-- 文字 -->
  66 + <view class='bottom_left_share_text'>分享</view>
  67 + </view>
  68 +
  69 + <!-- 收藏 -->
  70 + <view class='bottom_left_collect'>
  71 + <view class='bottom_left_collect_pic'>
  72 + <image src='../../img/aicon_21@2x.png'></image>
  73 + </view>
  74 + <view class='bottom_left_collect_text'>
  75 + 收藏
  76 + </view>
  77 + </view>
  78 + </view>
  79 + <view class='bottom_right'>
  80 + 马上报名
  81 + </view>
  82 + </view>
  83 +
  84 +
  85 +
  86 +
  87 +
  88 + <!------ 分享 ------>
  89 + <view class='mask' style='display:none'>
  90 + <view class='mask_share'>
  91 + <view class='mask_share_item'>
  92 + <view class='mask_share_item_left'>
  93 + <image src='../../img/aicon_23@2x.png'></image>
  94 + </view>
  95 + <view class='mask_share_item_right'>
  96 + 保存图片分享
  97 + </view>
  98 + </view>
  99 + <!-- 下划线 -->
  100 + <view class='underline'></view>
  101 + <!-- 转发 -->
  102 + <view class='mask_share_item'>
  103 + <view class='mask_share_item_left'>
  104 + <image src='../../img/aicon_24@2x.png'></image>
  105 + </view>
  106 + <view class='mask_share_item_right'>
  107 + 转发给好友或者群聊
  108 + </view>
  109 + </view>
  110 +
  111 + <view class='bottom_line'></view>
  112 + <!-- 取消 -->
  113 + <view class='mask_share_bottom'>
  114 + 取消
38 </view> 115 </view>
39 </view> 116 </view>
40 </view> 117 </view>
@@ -74,5 +74,197 @@ page{ @@ -74,5 +74,197 @@ page{
74 height: 100%; 74 height: 100%;
75 } 75 }
76 .item_infor{ 76 .item_infor{
77 - 77 + margin-top: 29rpx;
  78 + display: flex;
  79 +}
  80 +.item_infor_left{
  81 + width:72rpx;
  82 + height:72rpx;
  83 + border-radius:2rpx;
  84 +}
  85 +.item_infor_left image{
  86 + width: 100%;
  87 + height: 100%;
  88 +}
  89 +.item_infor_right{
  90 + margin-left: 23rpx;
  91 + display: flex;
  92 + flex-flow: column;
  93 +}
  94 +.item_infor_right_top{
  95 + font-size:28rpx;
  96 + font-family:PingFang-SC-Medium;
  97 + font-weight:500;
  98 + color:rgba(26,26,26,1);
  99 +}
  100 +.item_infor_right_bottom{
  101 + margin-top: 15rpx;
  102 + font-size:26rpx;
  103 + font-family:PingFang-SC-Medium;
  104 + font-weight:500;
  105 + color:rgba(255,102,0,1);
  106 +}
  107 +.item_top_b{
  108 + font-size:28rpx;
  109 + font-family:PingFang-SC-Regular;
  110 + font-weight:400;
  111 + color:rgba(102,102,102,1);
  112 +}
  113 +.item_text{
  114 + margin-top: 30rpx;
  115 + line-height: 42rpx;
  116 +}
  117 +.item_hint{
  118 + margin-top: 14rpx;
  119 + width:750rpx;
  120 + background:rgba(255,243,235,1);
  121 + display:flex;
  122 + flex-flow: column;
  123 + box-sizing: border-box;
  124 + /* margin: 40rpx 34rpx; */
  125 + padding: 40rpx 34rpx;
  126 +}
  127 +.item_hint_top{
  128 + text-align: center;
  129 + font-size:28rpx;
  130 + font-family:PingFang-SC-Bold;
  131 + font-weight:bold;
  132 + color:rgba(255,154,87,1);
  133 +}
  134 +.item_hint_bottom{
  135 + margin-top: 15rpx;
  136 + font-size:24rpx;
  137 + font-family:PingFang-SC-Medium;
  138 + font-weight:500;
  139 + color:rgba(255,154,87,1);
  140 + line-height:36rpx;
  141 +}
  142 +.bottom{
  143 + width: 750rpx;
  144 + height: 100rpx;
  145 + display: flex;
  146 +}
  147 +.bottom_left{
  148 + display: flex;
  149 + align-items: center;
  150 + justify-content: space-between;
  151 + box-sizing: border-box;
  152 + padding: 0 94rpx;
  153 + width: 390rpx;
  154 + background: #fff;
  155 +}
  156 +.bottom_left_share{
  157 + display: flex;
  158 + flex-flow: column;
  159 +}
  160 +.bottom_left_share_pic{
  161 + width:38rpx;
  162 + height:36rpx;
  163 + display: flex;
  164 +}
  165 +.bottom_left_share_pic image{
  166 + width: 100%;
  167 + height: 100%;
  168 +}
  169 +.bottom_left_share_text{
  170 + margin-top: 14rpx;
  171 + font-size:24rpx;
  172 + font-family:PingFang-SC-Medium;
  173 + font-weight:500;
  174 + color:rgba(102,102,102,1);
  175 +}
  176 +.bottom_left_collect{
  177 + display: flex;
  178 + flex-flow: column;
  179 +}
  180 +.bottom_left_collect_pic{
  181 + width:42rpx;
  182 + height:40rpx;
  183 + display: flex;
  184 +}
  185 +.bottom_left_collect_pic image{
  186 + width: 100%;
  187 + height: 100%;
  188 +}
  189 +.bottom_left_collect_text{
  190 + margin-top: 9rpx;
  191 + font-size:24rpx;
  192 + font-family:PingFang-SC-Medium;
  193 + font-weight:500;
  194 + color:rgba(102,102,102,1);
  195 +}
  196 +.bottom_right{
  197 + width:360rpx;
  198 + height:100rpx;
  199 + line-height: 100rpx;
  200 + text-align: center;
  201 + background:rgba(255,102,0,1);
  202 +
  203 + font-size:28rpx;
  204 + font-family:PingFang-SC-Medium;
  205 + font-weight:500;
  206 + color:rgba(255,255,255,1);
  207 +}
  208 +
  209 +.mask{
  210 + position: fixed;
  211 + top: 0;
  212 + right: 0;
  213 + bottom: 0;
  214 + left: 0;
  215 + background:rgba(0,0,0,0.4);
  216 +}
  217 +.mask_share{
  218 + position: fixed;
  219 + bottom: 0;
  220 + width:750rpx;
  221 + /* height:318rpx; */
  222 + background:rgba(255,255,255,1);
  223 + box-shadow:0rpx 8rpx 16rpx 0rpx rgba(0, 0, 0, 0.08);
  224 + border-radius:10rpx 10rpx 0rpx 0rpx;
  225 +
  226 +}
  227 +.mask_share_item{
  228 + display: flex;
  229 + align-items: center;
  230 + padding: 22rpx 34rpx;
  231 +}
  232 +.mask_share_item_left{
  233 + width:60rpx;
  234 + height:60rpx;
  235 + display: flex;
  236 +}
  237 +.mask_share_item_left image{
  238 + width: 100%;
  239 + height: 100%;
  240 +
  241 +}
  242 +.mask_share_item_right{
  243 + margin-left: 24rpx;
  244 + font-size:30rpx;
  245 + font-family:PingFang-SC-Medium;
  246 + font-weight:500;
  247 + color:rgba(0,0,0,1);
  248 +}
  249 +.underline{
  250 + margin-left: 56rpx;
  251 + width:646rpx;
  252 + height:1px;
  253 + background:rgba(235,235,235,1);
  254 +}
  255 +.bottom_line{
  256 + width: 750rpx;
  257 + height: 4rpx;
  258 + background: #EBEBEB;
  259 +}
  260 +.mask_share_bottom{
  261 + /* margin-top: 4rpx; */
  262 + width: 100%;
  263 + height: 105rpx;
  264 + line-height: 105rpx;
  265 + text-align: center;
  266 + font-size:30rpx;
  267 + font-family:PingFang-SC-Medium;
  268 + font-weight:500;
  269 + color:rgba(0,0,0,1);
78 } 270 }