更新

 {
 {
   "pages":[
   "pages":[
-    "pages/index/index"
-  ]
+    "pages/inviteFriends/inviteFriends",
+    "pages/recommend/recommend",
+    "pages/financialRecord/financialRecord",
+    "pages/feedback/feedback",
+    "pages/registration/registration",
+    "pages/myResume2/myResume2",
+    "pages/myResume/myResume",
+    "pages/record2/record2",
+    "pages/record/record",
+    "pages/myMessage2/myMessage2",
+    "pages/myMessage/myMessage",
+    "pages/index/select/select",
+    "pages/index/search_5/search_5",
+    "pages/index/search_4/search_4",
+    "pages/index/search_2/search_2",
+    "pages/index/search_3/search_3",
+    "pages/mine/perfectInfor/perfectInfor",
+    "pages/index/index",
+    "pages/publish/publish",
+    "pages/mine/mine"
+  ],
+  "window": {
+    "backgroundTextStyle": "light",
+    "navigationBarBackgroundColor": "#fff",
+    "navigationBarTitleText": "WeChat",
+    "navigationBarTextStyle": "black"
+  },
+  "tabBar": {
+    "selectedColor": "#FF8839",
+    "list": [
+      {
+        "pagePath": "pages/index/index",
+        "text": "首页",
+        "selectedColor": "#6EAC3D",
+        "iconPath": "img/nav_02@2x.png",
+        "selectedIconPath": "img/nav_01@2x.png"
+      },
+      {
+        "pagePath": "pages/publish/publish",
+        "text": "发布",
+        "selectedColor": "#6EAC3D",
+        "iconPath": "img/nav_03@2x.png",
+        "selectedIconPath": "img/nav_03@2x.png"
+      },
+      {
+        "pagePath": "pages/mine/mine",
+        "text": "我的",
+        "selectedColor": "#6EAC3D",
+        "iconPath": "img/nav_04@2x.png",
+        "selectedIconPath": "img/nav_05@2x.png"
+      }
+    ]
+  }
 }
 }

+// pages/feedback/feedback.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

+{
+  "usingComponents": {},
+  "navigationBarTitleText": "主页"
+}

+
+<view class='container'>
+  <view class='top'>
+    <textarea placeholder='请输入您的意见，我们会积极处理并改正的~'></textarea>
+    <view class='text_num'>0/200</view>
+  </view>
+
+  <view class='bottom'>
+    提交
+  </view>
+
+</view>

+
+page{
+  line-height: 1;
+}
+.container{
+  width: 750rpx;
+  display: flex;
+  flex-flow: column;
+  align-items: center;
+  justify-content: center;
+}
+.top{
+  margin-top: 27rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  
+}
+.top textarea{
+  width:686rpx;
+  height:300rpx;
+  background:rgba(247,247,247,1);
+  border-radius:10rpx;
+  font-size: 28rpx;
+  box-sizing: border-box;
+  padding: 23rpx 25rpx;
+}
+.text_num{
+  font-size:24rpx;
+  font-family:PingFang-SC-Medium;
+  font-weight:500;
+  color:rgba(153,153,153,1);
+  position: absolute;
+  bottom: 23rpx;
+  right: 25rpx
+}
+.bottom{
+  margin-top: 40rpx;
+  width:686rpx;
+  height:80rpx;
+  line-height: 80rpx;
+  text-align: center;
+  background:rgba(255,129,44,1);
+  border-radius:5rpx;
+
+  font-size:28rpx;
+  font-family:PingFang-SC-Medium;
+  font-weight:500;
+  color:rgba(255,255,255,1);
+}

+// pages/financialRecord/financialRecord.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

+{
+  "usingComponents": {},
+  "navigationBarTitleText": "财务记录"
+}

+<!--pages/financialRecord/financialRecord.wxml-->
+
+<view class='container'>
+  <view class='item'>
+    <view class='item_top'>
+      <view class='item_top_left'>提现</view>
+      <view class='item_top_right'>-100</view>
+    </view>
+    <view class='item_bottom'>
+      <view class='item_bottom_left'>2019-02-28  11:23</view>
+      <view class='item_bottom_right'>交易成功</view>
+    </view>
+  </view>
+
+  <view class='item'>
+    <view class='item_top'>
+      <view class='item_top_left'>邀请好友</view>
+      <view class='item_top_right color_red'>+2.00</view>
+    </view>
+    <view class='item_bottom'>
+      <view class='item_bottom_left'>2019-02-28  11:23</view>
+      <view class='item_bottom_right'>邀请成功</view>
+    </view>
+  </view>
+
+  <view class='item'>
+    <view class='item_top'>
+      <view class='item_top_left'>退款</view>
+      <view class='item_top_right color_red'>+100.00</view>
+    </view>
+    <view class='item_bottom'>
+      <view class='item_bottom_left'>2019-02-28  11:23</view>
+      <view class='item_bottom_right'>交易失败</view>
+    </view>
+  </view>
+
+  <view class='item'>
+    <view class='item_top'>
+      <view class='item_top_left'>退款</view>
+      <view class='item_top_right color_red'>+2.00</view>
+    </view>
+    <view class='item_bottom'>
+      <view class='item_bottom_left'>2019-02-28  11:23</view>
+      <view class='item_bottom_right'>提交审核</view>
+    </view>
+  </view>
+
+  <view class='item'>
+    <view class='item_top'>
+      <view class='item_top_left'>首次完成任务</view>
+      <view class='item_top_right color_red'>+100.00</view>
+    </view>
+    <view class='item_bottom'>
+      <view class='item_bottom_left'>2019-02-28  11:23</view>
+      <view class='item_bottom_right'>已成功</view>
+    </view>
+  </view>
+</view>

+/* pages/financialRecord/financialRecord.wxss */
+
+page{
+  line-height: 1;
+}
+
+.container{
+  width: 750rpx;
+  display: flex;
+  flex-flow: column;
+}
+.item{
+  display: flex;
+  flex-flow: column;
+  padding: 30rpx 0;
+  margin: 0 32rpx;
+  border-bottom: 1px solid #EBEBEB;
+}
+.item_top{
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+}
+.item_top_left{
+  font-size:32rpx;
+  font-family:PingFang-SC-Medium;
+  font-weight:500;
+  color:rgba(26,26,26,1);
+}
+.item_top_right{
+
+  font-size:32rpx;
+  font-family:Roboto-Regular;
+  font-weight:400;
+  color:rgba(255,170,0,1);
+}
+.item_bottom{
+  margin-top: 20rpx;
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+}
+.item_bottom_left{
+  font-size:24rpx;
+  font-family:PingFang-SC-Medium;
+  font-weight:500;
+  color:rgba(153,153,153,1);
+}
+.item_bottom_right{
+
+  font-size:26rpx;
+  font-family:PingFang-SC-Medium;
+  font-weight:500;
+  color:rgba(102,102,102,1);
+}
+.color_red{
+  color: #FF3B28;
+}

 {
 {
   "usingComponents": {},
   "usingComponents": {},
-   "navigationBarTitleText": "地址管理",
+  "navigationBarTitleText": "主页",
   "navigationBarBackgroundColor": "white",
   "navigationBarBackgroundColor": "white",
   "navigationBarTextStyle": "black"
   "navigationBarTextStyle": "black"
 }
 }

@@ -2,6 +2,368 @@
 
 
 <view class='container'>
 <view class='container'>
   <view class='top'>
   <view class='top'>
-  
+    <!-- 左边地区 -->
+    <view class='top_left'>
+      <view>天津</view>
+      <view class='top_left_img'>
+        <image src='/img/aicon_01@2x.png'></image>
+      </view>
+    </view>
+    <!-- 右边搜索框 -->
+    <view class='top_right'>
+      <view class='top_right_pic'>
+        <image src='/img/aicon_02@2x.png'></image>
+      </view>
+      <input  placeholder='搜索岗位/招聘者'></input>
+    </view>
   </view>
   </view>
+  <!-- 中部选择 -->
+  <view class='mid'>
+    <view class='mid_list'>
+      <!-- 图片 -->
+      <view class='mid_list_top'>
+        <image src='/img/aicon_03@2x.png'></image>
+      </view>
+      <!-- 底部文字 -->
+      <view class='mid_list_bottom'>
+        在家可做
+      </view>
+    </view>
+    <view class='mid_list'>
+      <!-- 图片 -->
+      <view class='mid_list_top'>
+        <image src='/img/aicon_05@2x.png'></image>
+      </view>
+      <!-- 底部文字 -->
+      <view class='mid_list_bottom'>
+        好评推荐
+      </view>
+    </view>
+    <view class='mid_list'>
+      <!-- 图片 -->
+      <view class='mid_list_top'>
+        <image src='/img/aicon_04@2x.png'></image>
+      </view>
+      <!-- 底部文字 -->
+      <view class='mid_list_bottom'>
+        热门推荐
+      </view>
+    </view>
+    <view class='mid_list'>
+      <!-- 图片 -->
+      <view class='mid_list_top'>
+        <image src='/img/aicon_06@2x.png'></image>
+      </view>
+      <!-- 底部文字 -->
+      <view class='mid_list_bottom'>
+        轻松兼职
+      </view>
+    </view>
+  </view>
+  <!-- 轮播图 -->
+  <view class='banner'>
+    <image src='/img/aicon_07@2x.png'></image>
+  </view>
+  <!-- 筛选 -->
+  <view class='select'>
+    <view class='select_list'>
+      <view>地区</view>
+      <view class='select_list_pic'>
+        <image src='/img/aicon_11@2x.png'></image>
+      </view>
+    </view>
+    <view class='select_list'>
+      <view>岗位</view>
+      <view class='select_list_pic'>
+        <image src='/img/aicon_11@2x.png'></image>
+      </view>
+    </view>
+    <view class='select_list'>
+      <view>推荐排序</view>
+      <view class='select_list_pic'>
+        <image src='/img/aicon_11@2x.png'></image>
+      </view>
+    </view>
+    <view class='select_list'>
+      <view>筛选</view>
+      <view class='select_list_pic_big'>
+        <image src='/img/aicon_12@2x.png'></image>
+      </view>
+    </view>
+  </view>
+  <!-- 条目 -->
+  <view class='items'>
+    <view class='item'>
+      <!-- 头部 -->
+      <view class='item_top'>
+        <view class='item_top_left'>
+          <view class='item_top_left_pic'>
+            <image src='/img/aicon_08@2x.png'></image>
+          </view>
+          <view class='item_top_left_text'>
+            <view class='text_top'>酒店服务员</view>
+            <view class='text_bottom'>4000-5000元/月</view>
+          </view>
+        </view>
+
+        <view class='item_top_right'>
+          报名
+        </view>
+      </view>
+      <!-- 底部 -->
+      <view class='item_bottom'>
+        <view class='item_bottom_left'>
+          <view class='item_bottom_left_pic'>
+            <image src='/img/aicon_10@2x.png'></image>
+          </view>
+          <!-- 名字 -->
+          <view>王思迪</view>
+        </view>
+
+        <view class='item_bottom_right'>
+          <view class='item_bottom_left_pic'>
+            <image src='/img/aicon_09@2x.png'></image>
+          </view>
+          <view>南开区 3.2km</view>
+        </view>
+      </view>
+    </view>
+    <view class='item'>
+      <!-- 头部 -->
+      <view class='item_top'>
+        <view class='item_top_left'>
+          <view class='item_top_left_pic'>
+            <image src='/img/aicon_08@2x.png'></image>
+          </view>
+          <view class='item_top_left_text'>
+            <view class='text_top'>酒店服务员</view>
+            <view class='text_bottom'>4000-5000元/月</view>
+          </view>
+        </view>
+
+        <view class='item_top_right'>
+          报名
+        </view>
+      </view>
+      <!-- 底部 -->
+      <view class='item_bottom'>
+        <view class='item_bottom_left'>
+          <view class='item_bottom_left_pic'>
+            <image src='/img/aicon_10@2x.png'></image>
+          </view>
+          <!-- 名字 -->
+          <view>王思迪</view>
+        </view>
+
+        <view class='item_bottom_right'>
+          <view class='item_bottom_left_pic'>
+            <image src='/img/aicon_09@2x.png'></image>
+          </view>
+          <view>南开区 3.2km</view>
+        </view>
+      </view>
+    </view>
+    <view class='item'>
+      <!-- 头部 -->
+      <view class='item_top'>
+        <view class='item_top_left'>
+          <view class='item_top_left_pic'>
+            <image src='/img/aicon_08@2x.png'></image>
+          </view>
+          <view class='item_top_left_text'>
+            <view class='text_top'>酒店服务员</view>
+            <view class='text_bottom'>4000-5000元/月</view>
+          </view>
+        </view>
+
+        <view class='item_top_right'>
+          报名
+        </view>
+      </view>
+      <!-- 底部 -->
+      <view class='item_bottom'>
+        <view class='item_bottom_left'>
+          <view class='item_bottom_left_pic'>
+            <image src='/img/aicon_10@2x.png'></image>
+          </view>
+          <!-- 名字 -->
+          <view>王思迪</view>
+        </view>
+
+        <view class='item_bottom_right'>
+          <view class='item_bottom_left_pic'>
+            <image src='/img/aicon_09@2x.png'></image>
+          </view>
+          <view>南开区 3.2km</view>
+        </view>
+      </view>
+    </view>
+    <view class='item'>
+      <!-- 头部 -->
+      <view class='item_top'>
+        <view class='item_top_left'>
+          <view class='item_top_left_pic'>
+            <image src='/img/aicon_08@2x.png'></image>
+          </view>
+          <view class='item_top_left_text'>
+            <view class='text_top'>酒店服务员</view>
+            <view class='text_bottom'>4000-5000元/月</view>
+          </view>
+        </view>
+
+        <view class='item_top_right'>
+          报名
+        </view>
+      </view>
+      <!-- 底部 -->
+      <view class='item_bottom'>
+        <view class='item_bottom_left'>
+          <view class='item_bottom_left_pic'>
+            <image src='/img/aicon_10@2x.png'></image>
+          </view>
+          <!-- 名字 -->
+          <view>王思迪</view>
+        </view>
+
+        <view class='item_bottom_right'>
+          <view class='item_bottom_left_pic'>
+            <image src='/img/aicon_09@2x.png'></image>
+          </view>
+          <view>南开区 3.2km</view>
+        </view>
+      </view>
+    </view>
+    
+  </view>
+
+  <!-- 筛选弹层 -->
+  <view class='mask' style='display:none'>
+    <view class='select mask_select'>
+      <view class='select_list'>
+        <view>地区</view>
+        <view class='select_list_pic'>
+          <image src='/img/aicon_11@2x.png'></image>
+        </view>
+      </view>
+      <view class='select_list'>
+        <view>岗位</view>
+        <view class='select_list_pic'>
+          <image src='/img/aicon_11@2x.png'></image>
+        </view>
+      </view>
+      <view class='select_list'>
+        <view>推荐排序</view>
+        <view class='select_list_pic'>
+          <image src='/img/aicon_11@2x.png'></image>
+        </view>
+      </view>
+      <view class='select_list'>
+        <view>筛选</view>
+        <view class='select_list_pic_big'>
+          <image src='/img/aicon_12@2x.png'></image>
+        </view>
+      </view>
+    </view>
+      
+
+
+    <!-- 地区内容 -->
+    <view class='area' style='display:none'>
+      <view class='area_item'>
+        <view class='area_item_name yellow_color'>不限</view>
+      </view>
+      <view class='area_item'>
+        <view class='area_item_name '>不限</view>
+      </view>
+      <view class='area_item'>
+        <view class='area_item_name'>和平</view>
+      </view>
+      <view class='area_item'>
+        <view class='area_item_name'>河东万达广场</view>
+      </view>
+      <view class='area_item'>
+        <view class='area_item_name'>河东万达广场</view>
+      </view>
+      <view class='area_item'>
+        <view class='area_item_name'>河东万达广场</view>
+      </view>
+    </view>
+
+    <!-- 岗位内容 -->
+    <view class='job' style='display:none'>
+      <view class='job_left'>
+        <view class='job_left_item'>不限</view>
+        <view class='job_left_item'>热门</view>
+        <view class='job_left_item'>餐饮</view>
+        <view class='job_left_item'>旅游/酒店</view>
+        <view class='job_left_item pitch_on'>休闲</view>
+        <view class='job_left_item'>运动健身</view>
+        <view class='job_left_item'>餐饮</view>
+        <view class='job_left_item'>旅游/酒店</view>
+      </view>
+
+
+      <view class='job_right'>
+        <view class='job_right_items'>
+          <view class='job_right_item'>不限</view>
+          <view class='job_right_item'>迎宾</view>
+          <view class='job_right_item'>传菜员</view>
+          <view class='job_right_item'>配菜打荷</view>
+          <view class='job_right_item'>洗碗工</view>
+          <view class='job_right_item yellow_color'>后厨</view>
+        </view>
+      </view>
+    </view>
+
+    <!-- 推荐排序 -->
+    <view class='sort' style='display:none'>
+      <view class='sort_item color_y'>推荐排序</view>
+      <view class='sort_item'>离我最近</view>
+      <view class='sort_item'>工资最高</view>
+      <view class='sort_item'>最新发布</view>
+    </view>
+
+    <!-- 筛选 -->
+    <view class='screen' style='display:none'>
+      <!-- 学历要求 -->
+      <view class='screen_item'>
+        <view class='screen_item_top'>学历要求</view>
+        <view class='screen_item_bottom'>
+          <view class='screen_item_bottom_i yellow_color'>不限</view>
+          <view class='screen_item_bottom_i'>小学及以下</view>
+          <view class='screen_item_bottom_i'>初中</view>
+          <view class='screen_item_bottom_i'>高中</view>
+          <view class='screen_item_bottom_i'>中专/技校</view>
+          <view class='screen_item_bottom_i'>大专</view>
+          <view class='screen_item_bottom_i'>本科</view>
+          <view class='screen_item_bottom_i'>硕士</view>
+          <view class='screen_item_bottom_i'>博士</view>
+        
+        </view>
+      </view>
+      <!-- 酬薪范围 -->
+      <view class='screen_item'>
+        <view class='screen_item_top'>酬薪范围</view>
+        <view class='screen_item_bottom'>
+          <view class='screen_item_bottom_i yellow_color'>不限</view>
+          <view class='screen_item_bottom_i'>3000以下</view>
+          <view class='screen_item_bottom_i'>3000~5000</view>
+          <view class='screen_item_bottom_i'>5000~8000</view>
+          <view class='screen_item_bottom_i'>8000以上</view>
+    
+        </view>
+      </view>
+
+      <!-- 底部按钮 -->
+      <view class='screen_bottom'>
+        <view class='screen_bottom_left'>重置</view>
+        <view class='screen_bottom_right'>确认</view>
+      </view>
+    </view>
+
+
+
+  </view>
+
+
 </view>
 </view>

 /* pages/index/index.wxss */
 /* pages/index/index.wxss */
+page{
+  background-color: #f5f5f5;
+  line-height: 1;
+}
 .container{
 .container{
   width: 750rpx;
   width: 750rpx;
   display: flex;
   display: flex;
   flex-flow: column;
   flex-flow: column;
+}
+.top{
+  width: 100%;
+  display: flex;
+  background: #fff;
+  padding: 24rpx 32rpx;
+}
+.top_left{
+  display: flex;
+  align-items: center;
+  font-size:28rpx;
+  font-family:PingFang-SC-Medium;
+  font-weight:500;
+  color:rgba(26,26,26,1);
+}
+.top_left_img{
+  margin-left: 14rpx;
+  width:18rpx;
+  height:10rpx;
+  display: flex;
+}
+.top_left_img image{
+  width: 100%;
+  height: 100%;
+}
+.top_right{
+  margin-left: 30rpx;
+  display: flex;
+  align-items: center;
+
+  width:570rpx;
+  height:60rpx;
+  background:rgba(237,238,242,1);
+  border-radius:10rpx;
+  box-sizing: border-box;
+  padding: 0 24rpx;
+}
+.top_right_pic{
+  display: flex;
+  width:28rpx;
+  height:28rpx;
+}
+.top_right_pic image{
+  width: 100%;
+  height: 100%;
+}
+.top_right input{
+  margin-left: 25rpx;
+  width: 100%;
+  font-size:26rpx;
+  font-family:PingFang-SC-Medium;
+  font-weight:500;
+}
+/* 中部 */
+.mid{
+  margin-top: 14rpx;
+  display: flex;
+  justify-content: space-between;
+  background-color: #fff;
+  padding: 32rpx 56rpx;
+}
+.mid_list{
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-flow: column;
+}
+.mid_list_top{
+  width:88rpx;
+  height:88rpx;
+  /* box-shadow:-1px 10px 20px 0px rgba(255,179,18,0.18); */
+  border-radius:50%;
+  display: flex;
+}
+.mid_list_top image{
+  width: 100%;
+  height: 100%;
+}
+.mid_list_bottom{
+  font-size:26rpx;
+  font-family:PingFang-SC-Medium;
+  font-weight:500;
+  color:rgba(77,77,77,1);
+}
+.banner{
+  width: 750rpx;
+  height: 220rpx;
+  display: flex;
+}
+.banner image{
+  width: 100%;
+  height: 100%;
+}
+.select{
+  margin-top: 14rpx;
+  display: flex;
+  justify-content: space-between;
+  padding: 28rpx 54rpx;
+  background: #fff;
+}
+.select_list{
+  display: flex;
+  align-items: center;
+  margin-left: 9rpx;
+  font-size:26rpx;
+  font-family:PingFang-SC-Regular;
+  font-weight:400;
+  color:rgba(26,26,26,1);
+}
+.select_list_pic{
+  margin-left: 9rpx;
+  width: 12rpx;
+  height: 8rpx;
+  display: flex;
+}
+.select_list_pic image{
+  width: 100%;
+  height: 100%;
+}
+.select_list_pic_big{
+  margin-left: 8rpx;
+  width:18rpx;
+  height:18rpx;
+  display: flex;
+}
+.select_list_pic_big image{
+  width: 100%;
+  height: 100%;
+}
+/* 条目 */
+.items{
+  display: flex;
+  flex-flow: column;
+}
+.item{
+  margin-top: 1px;
+  display: flex;
+  flex-flow: column;
+  background: #fff;
+  padding: 40rpx;
+}
+.item_top{
+  display: flex;
+  justify-content: space-between;
+}
+.item_top_left{
+  display: flex;
+}
+.item_top_left_pic{
+  width:72rpx;
+  height:72rpx;
+  border-radius:2rpx;
+  display: flex;
+}
+.item_top_left_pic image{
+  width: 100%;
+  height: 100%;
+}
+.item_top_left_text{
+  margin-left: 23rpx;
+  display: flex;
+  flex-flow: column;
+}
+.text_top{
+  font-size:32rpx;
+  font-family:PingFang-SC-Medium;
+  font-weight:500;
+  color:rgba(26,26,26,1);
+}
+.text_bottom{
+  margin-top: 17rpx;
+  font-size:28rpx;
+  font-family:PingFang-SC-Medium;
+  font-weight:500;
+  color:rgba(255,59,40,1);
+}
+.item_top_right{
+  width:140rpx;
+  height:66rpx;
+  line-height: 66rpx;
+  text-align: center;
+  border:1px solid rgba(255,102,0,1);
+  border-radius:33rpx;
+
+  
+  font-size:28rpx;
+  font-family:PingFang-SC-Medium;
+  font-weight:500;
+  color:rgba(255,102,0,1);
+}
+.item_bottom{
+  margin-top: 20rpx;
+  margin-left: 80rpx;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size:26rpx;
+  font-family:PingFang-SC-Medium;
+  font-weight:500;
+  color:rgba(153,153,153,1);
+}
+.item_bottom_left{
+  display: flex;
+  align-items: center;
+  
+}
+.item_bottom_left_pic{
+  width:22rpx;
+  height:22rpx;
+  display: flex;
+  margin-right: 13rpx;
+}
+.item_bottom_left_pic image{
+  width: 100%;
+  height: 100%;
+}
+.item_bottom_right{
+  display: flex;
+  align-items: center;
+}
+.item_bottom_left_pic{
+  margin-left: 14rpx;
+  width:20rpx;
+  height:24rpx;
+  display: flex;
+}
+.item_bottom_left_pic image{
+  width: 100%;
+  height: 100%;
+}
+.mask{
+  position: fixed;
+  width:750rpx;
+  height:1150rpx;
+  background:rgba(0,0,0,0.4);
+  z-index: 666;
+
+}
+.mask_select{
+  margin: 0;
+  border-top: 1px solid #EBEBEB;
+  border-bottom: 1px solid #EBEBEB;
+}
+.area{
+  width: 686rpx;
+  background: #fff;
+  display: flex;
+  
+  flex-wrap: wrap;
+  padding: 16rpx 34rpx 200rpx  32rpx;
+}
+.area_item{
+  display: flex;
+  
+}
+.area_item_name{
+  background:rgba(255,252,245,1);
+  /* border:1px solid rgba(255,170,0,1); */
+  /* color: #FFAA00; */
+  border-radius:5rpx;
+
+  margin-top:20rpx;
+  margin-right:15rpx;
+  box-sizing:border-box;
+  padding:18rpx 52rpx;
+  background:#F2F3F7;
+  font-size:26rpx;
+  font-family:PingFang-SC-Regular;
+  font-weight:400;
+  color:rgba(26,26,26,1);
+
+}
+.yellow_color{
+  border:1px solid rgba(255,170,0,1);
+  color: #FFAA00;
+}
+.job{
+  display: flex;
+}
+.job_left{
+
+  display: flex;
+  flex-flow: column;
+  background: #fff;
+  width:242rpx;
+  height:1125rpx;
+}
+.job_left_item{
+  font-size:26rpx;
+  font-family:PingFang-SC-Regular;
+  font-weight:400;
+  color:rgba(26,26,26,1);
+  padding: 32rpx;
+}
+.pitch_on{
+  color: #FFAA00;
+  background:rgba(242,243,247,1);
+}
+.job_right{
+  flex: 1;
+  background: #F2F3F7;
+}
+.job_right_items{
+  margin-top: 16rpx;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  padding: 0 32rpx;
+}
+
+.job_right_item{
+
+  margin-top: 20rpx;
+  width:208rpx;
+  height:60rpx;
+  line-height: 60rpx;
+  text-align: center;
+  background:rgba(255,255,255,1);
+  border-radius:5rpx;
+  font-size: 26rpx;
+}
+.sort{
+  display: flex;
+  flex-flow: column;
+  background: #fff;
+}
+.sort_item{
+  /* box-sizing: border-box; */
+  
+  font-size:28rpx;
+  font-family:PingFang-SC-Regular;
+  font-weight:400;
+  color:rgba(51,51,51,1);
+  padding: 40rpx 0;
+  margin: 0 32rpx;
+  border-bottom: 1px solid #EBEBEB;
+}
+.color_y{
+  color: #FFAA00;
+}
+.screen{
+  height: 100%;
+  display: flex;
+  flex-flow: column;
+  background: #fff;
+}
+.screen_item{
+  display: flex;
+  flex-flow: column;
+  padding: 40rpx 0;
+  margin: 0 32rpx;
+  border-bottom: 1px solid #EBEBEB;
+}
+.screen_item_top{
+  font-size:30rpx;
+  font-family:PingFang-SC-Medium;
+  font-weight:500;
+  color:rgba(26,26,26,1);
+}
+.screen_item_bottom{
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+}
+.screen_item_bottom_i{
+  margin-top: 20rpx;
+  width:156rpx;
+  height:60rpx;
+  line-height: 60rpx;
+  text-align: center;
+  background:rgba(242,243,247,1);
+  border-radius:5rpx;
+  font-size: 26rpx;
+}
+.screen_bottom{
+  display: flex;
+  position: fixed;
+  bottom: 0;
+  border-top: 1px solid #EBEBEB;
+}
+.screen_bottom_left{
+  width:294rpx;
+  height:80rpx;
+  line-height: 80rpx;
+  text-align: center;
+  background:rgba(255,255,255,1);
+  font-size: 26rpx;
+}
+.screen_bottom_right{
+  width:456rpx;
+  height:80rpx;
+  line-height: 80rpx;
+  text-align: center;
+  font-size: 26rpx;
+  color: #fff;
+  background:rgba(255,170,0,1);
 }
 }

+// pages/index/search_2/search_2.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

+{
+  "usingComponents": {},
+  "navigationBarTitleText": "搜索岗位/招聘者"
+}

+<!--pages/index/search_2/search_2.wxml-->
+
+<view class='container'>
+  <view class='top'>
+    <view class='top_box'>
+      <view class='top_pic'>
+        <image src='../../../img/aicon_02@2x.png'></image>
+      </view>
+      <input placeholder='搜索岗位/招聘者'></input>
+    </view>      
+  </view>
+
+  <view class='items'>
+    <view class='item'>
+      <view class='item_top'>
+        <view class='item_top_left'>搜索历史</view>
+        <view class='item_top_right'>
+          <image src='../../../img/aicon_17@2x.png'></image>
+        </view>
+      </view>
+      <!-- 底部 -->
+      <view class='item_bottom'>
+        <view class='item_bottom_content'>泥瓦工</view>
+      </view>
+    </view>
+
+    <view class='item'>
+      <view class='item_top'>
+        <view class='item_top_left'>热门搜索</view>
+       
+      </view>
+      <!-- 底部 -->
+      <view class='item_bottom'>
+        <view class='item_bottom_content'>服务员</view>
+        <view class='item_bottom_content'>司机</view>
+        <view class='item_bottom_content'>前台</view>
+        <view class='item_bottom_content'>快递员</view>
+        <view class='item_bottom_content'>服务员</view>
+        <view class='item_bottom_content'>司机</view>
+        <view class='item_bottom_content'>前台</view>
+        <view class='item_bottom_content'>快递员</view>
+      </view>
+    </view>
+
+    <view class='item'>
+      <view class='item_top'>
+        <view class='item_top_left'>热门招聘者</view>
+       
+      </view>
+      <!-- 底部 -->
+      <view class='item_bottom'>
+        <view class='item_bottom_content'>服务员</view>
+        <view class='item_bottom_content'>天津银河百荣科技有限公司</view>
+   
+      </view>
+    </view>
+  </view>
+
+</view>

+/* pages/index/search_2/search_2.wxss */
+
+page{
+  line-height: 1;
+  /* background: #EBEBEB; */
+}
+.container{
+  display: flex;
+  flex-flow: column;
+}
+.top{
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #fff;
+  border-top: 1px solid #EBEBEB;
+  border-bottom: 1px solid #EBEBEB;
+  padding: 24rpx 0;
+}
+.top_box{
+  display: flex;
+  align-items: center;
+  width:686rpx;
+  height:60rpx;
+  background:rgba(237,238,242,1);
+  border-radius:10rpx;
+  box-sizing: border-box;
+  padding: 0 24rpx;
+}
+.top_pic{
+  
+  width:28rpx;
+  height:28rpx;
+  display: flex;
+}
+.top_pic image{
+  width: 100%;
+  height: 100%;
+}
+.top_box input{
+  margin-left: 25rpx;
+  width: 100%;
+  height: 100%;
+
+
+  font-size:26rpx;
+  font-family:PingFang-SC-Medium;
+  font-weight:500;
+  color:#000;
+}
+.items{
+  display: flex;
+  flex-flow: column;
+}
+.item{
+  display: flex;
+  flex-flow: column;
+  box-sizing: border-box;
+  padding: 40rpx 0;
+  margin: 0 32rpx;
+  border-bottom: 1px solid #EBEBEB;
+}
+.item_top{
+  display: flex;
+  justify-content: space-between;
+}
+.item_top_left{
+  display: flex;
+  font-size:30rpx;
+  font-family:PingFang-SC-Medium;
+  font-weight:500;
+  color:rgba(153,153,153,1);
+}
+.item_top_right{
+  width:40rpx;
+  height:40rpx;
+  display: flex;
+}
+.item_top_right image{
+  width: 100%;
+  height: 100%;
+}
+.item_bottom{
+  margin-top: 10rpx;
+  display: flex;
+  flex-wrap: wrap;
+}
+.item_bottom_content{
+  margin-top: 20rpx;
+  margin-right: 20rpx;
+  box-sizing: border-box;
+  padding: 17rpx;
+  background:rgba(250,250,250,1);
+  border-radius:5rpx;
+
+  font-size:26rpx;
+  font-family:PingFang-SC-Regular;
+  font-weight:400;
+  color:rgba(26,26,26,1);
+}

+// pages/index/search_3/search_3.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

+{
+  "usingComponents": {},
+  "navigationBarTitleText": "搜索岗位/招聘者"
+}

+
+
+<view class='container'>
+  <view class='top'>
+    <view class='top_box'>
+      <view class='top_pic'>
+        <image src='../../../img/aicon_02@2x.png'></image>
+      </view>
+      <input placeholder='搜索岗位/招聘者'></input>
+    </view>      
+  </view>
+
+  <!-- 相关岗位 -->
+  <view class='about'>
+    相关岗位
+  </view>
+
+  <!-- 条目 -->
+  <view class='items'>
+    <view class='item'>
+      <!-- 头部 -->
+      <view class='item_top'>
+        <view class='item_top_left'>
+          <view class='item_top_left_pic'>
+            <image src='/img/aicon_08@2x.png'></image>
+          </view>
+          <view class='item_top_left_text'>
+            <view class='text_top'>酒店服务员</view>
+            <view class='text_bottom'>4000-5000元/月</view>
+          </view>
+        </view>
+
+        <view class='item_top_right'>
+          报名
+        </view>
+      </view>
+      <!-- 底部 -->
+      <view class='item_bottom'>
+        <view class='item_bottom_left'>
+          <view class='item_bottom_left_pic'>
+            <image src='/img/aicon_10@2x.png'></image>
+          </view>
+          <!-- 名字 -->
+          <view>王思迪</view>
+        </view>
+
+        <view class='item_bottom_right'>
+          <view class='item_bottom_left_pic'>
+            <image src='/img/aicon_09@2x.png'></image>
+          </view>
+          <view>南开区 3.2km</view>
+        </view>
+      </view>
+    </view>
+    <view class='item'>
+      <!-- 头部 -->
+      <view class='item_top'>
+        <view class='item_top_left'>
+          <view class='item_top_left_pic'>
+            <image src='/img/aicon_08@2x.png'></image>
+          </view>
+          <view class='item_top_left_text'>
+            <view class='text_top'>酒店服务员</view>
+            <view class='text_bottom'>4000-5000元/月</view>
+          </view>
+        </view>
+
+        <view class='item_top_right'>
+          报名
+        </view>
+      </view>
+      <!-- 底部 -->
+      <view class='item_bottom'>
+        <view class='item_bottom_left'>
+          <view class='item_bottom_left_pic'>
+            <image src='/img/aicon_10@2x.png'></image>
+          </view>
+          <!-- 名字 -->
+          <view>王思迪</view>
+        </view>
+
+        <view class='item_bottom_right'>
+          <view class='item_bottom_left_pic'>
+            <image src='/img/aicon_09@2x.png'></image>
+          </view>
+          <view>南开区 3.2km</view>
+        </view>
+      </view>
+    </view>
+    <view class='item'>
+      <!-- 头部 -->
+      <view class='item_top'>
+        <view class='item_top_left'>
+          <view class='item_top_left_pic'>
+            <image src='/img/aicon_08@2x.png'></image>
+          </view>
+          <view class='item_top_left_text'>
+            <view class='text_top'>酒店服务员</view>
+            <view class='text_bottom'>4000-5000元/月</view>
+          </view>
+        </view>
+
+        <view class='item_top_right'>
+          报名
+        </view>
+      </view>
+      <!-- 底部 -->
+      <view class='item_bottom'>
+        <view class='item_bottom_left'>
+          <view class='item_bottom_left_pic'>
+            <image src='/img/aicon_10@2x.png'></image>
+          </view>
+          <!-- 名字 -->
+          <view>王思迪</view>
+        </view>
+
+        <view class='item_bottom_right'>
+          <view class='item_bottom_left_pic'>
+            <image src='/img/aicon_09@2x.png'></image>
+          </view>
+          <view>南开区 3.2km</view>
+        </view>
+      </view>
+    </view>
+    <view class='item'>
+      <!-- 头部 -->
+      <view class='item_top'>
+        <view class='item_top_left'>
+          <view class='item_top_left_pic'>
+            <image src='/img/aicon_08@2x.png'></image>
+          </view>
+          <view class='item_top_left_text'>
+            <view class='text_top'>酒店服务员</view>
+            <view class='text_bottom'>4000-5000元/月</view>
+          </view>
+        </view>
+
+        <view class='item_top_right'>
+          报名
+        </view>
+      </view>
+      <!-- 底部 -->
+      <view class='item_bottom'>
+        <view class='item_bottom_left'>
+          <view class='item_bottom_left_pic'>
+            <image src='/img/aicon_10@2x.png'></image>
+          </view>
+          <!-- 名字 -->
+          <view>王思迪</view>
+        </view>
+
+        <view class='item_bottom_right'>
+          <view class='item_bottom_left_pic'>
+            <image src='/img/aicon_09@2x.png'></image>
+          </view>
+          <view>南开区 3.2km</view>
+        </view>
+      </view>
+    </view>
+    
+  </view>
+
+  <!-- 提示 -->
+  <view class='bottom'>
+    没有更多内容了
+  </view>
+
+ 
+
+</view>

+
+
+page{
+  line-height: 1;
+  /* background: #EBEBEB; */
+}
+.container{
+  display: flex;
+  flex-flow: column;
+}
+.top{
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #fff;
+  border-top: 1px solid #EBEBEB;
+  border-bottom: 1px solid #EBEBEB;
+  padding: 24rpx 0;
+}
+.top_box{
+  display: flex;
+  align-items: center;
+  width:686rpx;
+  height:60rpx;
+  background:rgba(237,238,242,1);
+  border-radius:10rpx;
+  box-sizing: border-box;
+  padding: 0 24rpx;
+}
+.top_pic{
+  
+  width:28rpx;
+  height:28rpx;
+  display: flex;
+}
+.top_pic image{
+  width: 100%;
+  height: 100%;
+}
+.top_box input{
+  margin-left: 25rpx;
+  width: 100%;
+  height: 100%;
+
+  font-size:26rpx;
+  font-family:PingFang-SC-Medium;
+  font-weight:500;
+  color:#000;
+}
+
+.about{
+
+  font-size:30rpx;
+  font-family:PingFang-SC-Medium;
+  font-weight:500;
+  color:rgba(26,26,26,1);
+  border-bottom: 1px solid #EBEBEB;
+  padding: 24rpx 34rpx 24rpx 55rpx;
+  position: relative;
+  display: flex;
+  align-items: center;
+}
+.about::before{
+  content: "";
+  width:6rpx;
+  height:24rpx;
+  background:rgba(255,102,0,1);
+  position: absolute;
+  left: 34rpx;
+}
+
+/* 条目 */
+.items{
+  display: flex;
+  flex-flow: column;
+}
+.item{
+  /* margin-top: 1px; */
+  display: flex;
+  flex-flow: column;
+  background: #fff;
+  padding: 40rpx;
+  border-bottom: 1px solid #EBEBEB;
+}
+.item_top{
+  display: flex;
+  justify-content: space-between;
+}
+.item_top_left{
+  display: flex;
+}
+.item_top_left_pic{
+  width:72rpx;
+  height:72rpx;
+  border-radius:2rpx;
+  display: flex;
+}
+.item_top_left_pic image{
+  width: 100%;
+  height: 100%;
+}
+.item_top_left_text{
+  margin-left: 23rpx;
+  display: flex;
+  flex-flow: column;
+}
+.text_top{
+  font-size:32rpx;
+  font-family:PingFang-SC-Medium;
+  font-weight:500;
+  color:rgba(26,26,26,1);
+}
+.text_bottom{
+  margin-top: 17rpx;
+  font-size:28rpx;
+  font-family:PingFang-SC-Medium;
+  font-weight:500;
+  color:rgba(255,59,40,1);
+}
+.item_top_right{
+  width:140rpx;
+  height:66rpx;
+  line-height: 66rpx;
+  text-align: center;
+  border:1px solid rgba(255,102,0,1);
+  border-radius:33rpx;
+
+  
+  font-size:28rpx;
+  font-family:PingFang-SC-Medium;
+  font-weight:500;
+  color:rgba(255,102,0,1);
+}
+.item_bottom{
+  margin-top: 20rpx;
+  margin-left: 80rpx;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size:26rpx;
+  font-family:PingFang-SC-Medium;
+  font-weight:500;
+  color:rgba(153,153,153,1);
+}
+.item_bottom_left{
+  display: flex;
+  align-items: center;
+  
+}
+.item_bottom_left_pic{
+  width:22rpx;
+  height:22rpx;
+  display: flex;
+  margin-right: 13rpx;
+}
+.item_bottom_left_pic image{
+  width: 100%;
+  height: 100%;
+}
+.item_bottom_right{
+  display: flex;
+  align-items: center;
+}
+.item_bottom_left_pic{
+  margin-left: 14rpx;
+  width:20rpx;
+  height:24rpx;
+  display: flex;
+}
+.item_bottom_left_pic image{
+  width: 100%;
+  height: 100%;
+}
+.bottom{
+  margin-top: 23rpx;
+  text-align: center;
+  font-size:24rpx;
+  font-family:PingFang-SC-Regular;
+  font-weight:400;
+  color:rgba(153,153,153,1);
+  
+}

+// pages/index/search_4/search_4.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

+{
+  "usingComponents": {},
+  "navigationBarTitleText": "搜索岗位/招聘者"
+}

+
+
+<view class='container'>
+  <view class='top'>
+    <view class='top_box'>
+      <view class='top_pic'>
+        <image src='../../../img/aicon_02@2x.png'></image>
+      </view>
+      <input placeholder='搜索岗位/招聘者'></input>
+    </view>      
+  </view>
+
+  <!-- 相关招聘者 -->
+  <view class='about'>
+    相关招聘者
+  </view>
+  <!-- 条目 -->
+  <view class='items'>
+    
+    <view class='item'>
+      <!-- 头部 -->
+      <view class='item_top'>
+        <view class='item_top_left'>
+          <view class='item_top_left_pic'>
+            <image src='/img/aicon_08@2x.png'></image>
+          </view>
+          <view class='item_top_left_text'>
+            <view class='text_top'>酒店服务员</view>
+            <view class='text_bottom_text'>2个岗位在招</view>
+          </view>
+        </view>
+      </view>
+ 
+      
+    </view>
+    
+    
+  </view>
+
+  <!-- 颜色条 -->
+  <view class='color_line'></view>
+
+
+  <!-- 相关岗位 -->
+  <view class='about'>
+    相关岗位
+  </view>
+
+  <!-- 条目 -->
+  <view class='items'>
+    
+    <view class='item'>
+      <!-- 头部 -->
+      <view class='item_top'>
+        <view class='item_top_left'>
+          <view class='item_top_left_pic'>
+            <image src='/img/aicon_08@2x.png'></image>
+          </view>
+          <view class='item_top_left_text'>
+            <view class='text_top'>酒店服务员</view>
+            <view class='text_bottom'>4000-5000元/月</view>
+          </view>
+        </view>
+
+        <view class='item_top_right'>
+          报名
+        </view>
+      </view>
+      <!-- 底部 -->
+      <view class='item_bottom'>
+        <view class='item_bottom_left'>
+          <view class='item_bottom_left_pic'>
+            <image src='/img/aicon_10@2x.png'></image>
+          </view>
+          <!-- 名字 -->
+          <view>王思迪</view>
+        </view>
+
+        <view class='item_bottom_right'>
+          <view class='item_bottom_left_pic'>
+            <image src='/img/aicon_09@2x.png'></image>
+          </view>
+          <view>南开区 3.2km</view>
+        </view>
+      </view>
+    </view>
+    <view class='item'>
+      <!-- 头部 -->
+      <view class='item_top'>
+        <view class='item_top_left'>
+          <view class='item_top_left_pic'>
+            <image src='/img/aicon_08@2x.png'></image>
+          </view>
+          <view class='item_top_left_text'>
+            <view class='text_top'>酒店服务员</view>
+            <view class='text_bottom'>4000-5000元/月</view>
+          </view>
+        </view>
+
+        <view class='item_top_right'>
+          报名
+        </view>
+      </view>
+      <!-- 底部 -->
+      <view class='item_bottom'>
+        <view class='item_bottom_left'>
+          <view class='item_bottom_left_pic'>
+            <image src='/img/aicon_10@2x.png'></image>
+          </view>
+          <!-- 名字 -->
+          <view>王思迪</view>
+        </view>
+
+        <view class='item_bottom_right'>
+          <view class='item_bottom_left_pic'>
+            <image src='/img/aicon_09@2x.png'></image>
+          </view>
+          <view>南开区 3.2km</view>
+        </view>
+      </view>
+    </view>
+    
+  </view>
+
+  <!-- 提示 -->
+  <view class='bottom'>
+    没有更多内容了
+  </view>
+
+</view>

+
+
+page{
+  line-height: 1;
+  /* background: #EBEBEB; */
+}
+.container{
+  display: flex;
+  flex-flow: column;
+}
+.top{
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #fff;
+  border-top: 1px solid #EBEBEB;
+  border-bottom: 1px solid #EBEBEB;
+  padding: 24rpx 0;
+}
+.top_box{
+  display: flex;
+  align-items: center;
+  width:686rpx;
+  height:60rpx;
+  background:rgba(237,238,242,1);
+  border-radius:10rpx;
+  box-sizing: border-box;
+  padding: 0 24rpx;
+}
+.top_pic{
+  
+  width:28rpx;
+  height:28rpx;
+  display: flex;
+}
+.top_pic image{
+  width: 100%;
+  height: 100%;
+}
+.top_box input{
+  margin-left: 25rpx;
+  width: 100%;
+  height: 100%;
+
+  font-size:26rpx;
+  font-family:PingFang-SC-Medium;
+  font-weight:500;
+  color:#000;
+}
+
+.about{
+
+  font-size:30rpx;
+  font-family:PingFang-SC-Medium;
+  font-weight:500;
+  color:rgba(26,26,26,1);
+  border-bottom: 1px solid #EBEBEB;
+  padding: 24rpx 34rpx 24rpx 55rpx;
+  position: relative;
+  display: flex;
+  align-items: center;
+}
+.about::before{
+  content: "";
+  width:6rpx;
+  height:24rpx;
+  background:rgba(255,102,0,1);
+  position: absolute;
+  left: 34rpx;
+}
+
+/* 条目 */
+.items{
+  display: flex;
+  flex-flow: column;
+}
+.item{
+  /* margin-top: 1px; */
+  display: flex;
+  flex-flow: column;
+  background: #fff;
+  padding: 40rpx;
+  border-bottom: 1px solid #EBEBEB;
+}
+.item_top{
+  display: flex;
+  justify-content: space-between;
+}
+.item_top_left{
+  display: flex;
+}
+.item_top_left_pic{
+  width:72rpx;
+  height:72rpx;
+  border-radius:2rpx;
+  display: flex;
+}
+.item_top_left_pic image{
+  width: 100%;
+  height: 100%;
+}
+.item_top_left_text{
+  margin-left: 23rpx;
+  display: flex;
+  flex-flow: column;
+}
+.text_top{
+  font-size:32rpx;
+  font-family:PingFang-SC-Medium;
+  font-weight:500;
+  color:rgba(26,26,26,1);
+}
+.text_bottom{
+  margin-top: 17rpx;
+  font-size:28rpx;
+  font-family:PingFang-SC-Medium;
+  font-weight:500;
+  color:rgba(255,59,40,1);
+}
+.item_top_right{
+  width:140rpx;
+  height:66rpx;
+  line-height: 66rpx;
+  text-align: center;
+  border:1px solid rgba(255,102,0,1);
+  border-radius:33rpx;
+
+  
+  font-size:28rpx;
+  font-family:PingFang-SC-Medium;
+  font-weight:500;
+  color:rgba(255,102,0,1);
+}
+.item_bottom{
+  margin-top: 20rpx;
+  margin-left: 80rpx;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size:26rpx;
+  font-family:PingFang-SC-Medium;
+  font-weight:500;
+  color:rgba(153,153,153,1);
+}
+.item_bottom_left{
+  display: flex;
+  align-items: center;
+  
+}
+.item_bottom_left_pic{
+  width:22rpx;
+  height:22rpx;
+  display: flex;
+  margin-right: 13rpx;
+}
+.item_bottom_left_pic image{
+  width: 100%;
+  height: 100%;
+}
+.item_bottom_right{
+  display: flex;
+  align-items: center;
+}
+.item_bottom_left_pic{
+  margin-left: 14rpx;
+  width:20rpx;
+  height:24rpx;
+  display: flex;
+}
+.item_bottom_left_pic image{
+  width: 100%;
+  height: 100%;
+}
+.bottom{
+  margin-top: 23rpx;
+  text-align: center;
+  font-size:24rpx;
+  font-family:PingFang-SC-Regular;
+  font-weight:400;
+  color:rgba(153,153,153,1);
+  
+}
+.text_bottom_text{
+  margin-top: 17rpx;
+  font-size:28rpx;
+  font-family:PingFang-SC-Medium;
+  font-weight:500;
+  color:rgba(255,102,0,1);
+}
+.color_line{
+  width:750rpx;
+  height:14rpx;
+  background:rgba(242,242,242,1);
+}

+// pages/index/search_5/search_5.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

+{
+  "usingComponents": {},
+  "navigationBarTitleText": "搜索岗位/招聘者"
+}

+
+
+<view class='container'>
+  <view class='top'>
+    <view class='top_box'>
+      <view class='top_pic'>
+        <image src='../../../img/aicon_02@2x.png'></image>
+      </view>
+      <input placeholder='搜索岗位/招聘者'></input>
+    </view>      
+  </view>
+
+  <view class='mid'>
+    <view class='pic'>
+      <image src='../../../img/aicon_58@2x.png'></image>
+    </view>
+    <!-- 文字 -->
+    <view class='pic_text'>
+      暂无该岗位/招聘者/内容哦，
+      请换其他关键词试一试
+                        
+    </view>
+  </view>
+ 
+    
+    
+  
+
+  <!-- 提示 -->
+  <!-- <view class='bottom'>
+    没有更多内容了
+  </view> -->
+
+</view>

+
+
+page{
+  line-height: 1;
+  /* background: #EBEBEB; */
+}
+.container{
+  display: flex;
+  flex-flow: column;
+}
+.top{
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #fff;
+  border-top: 1px solid #EBEBEB;
+  border-bottom: 1px solid #EBEBEB;
+  padding: 24rpx 0;
+}
+.top_box{
+  display: flex;
+  align-items: center;
+  width:686rpx;
+  height:60rpx;
+  background:rgba(237,238,242,1);
+  border-radius:10rpx;
+  box-sizing: border-box;
+  padding: 0 24rpx;
+}
+.top_pic{
+  
+  width:28rpx;
+  height:28rpx;
+  display: flex;
+}
+.top_pic image{
+  width: 100%;
+  height: 100%;
+}
+.top_box input{
+  margin-left: 25rpx;
+  width: 100%;
+  height: 100%;
+
+  font-size:26rpx;
+  font-family:PingFang-SC-Medium;
+  font-weight:500;
+  color:#000;
+}
+
+.mid{
+  margin-top: 143rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+}
+.pic{
+  width:629rpx;
+  height:463rpx;
+  display: flex;
+}
+.pic image{
+  width: 100%;
+  height: 100%;
+}
+.pic_text{
+  width: 334rpx;
+  /* text-align: center; */
+  position: absolute;
+  bottom: 0;
+  font-size:28rpx;
+  font-family:PingFang-SC-Medium;
+  font-weight:500;
+  color:rgba(153,153,153,1);
+  line-height: 42rpx;
+}
+
+.bottom{
+  margin-top: 23rpx;
+  text-align: center;
+  font-size:24rpx;
+  font-family:PingFang-SC-Regular;
+  font-weight:400;
+  color:rgba(153,153,153,1);
+  
+}
+.text_bottom_text{
+  margin-top: 17rpx;
+  font-size:28rpx;
+  font-family:PingFang-SC-Medium;
+  font-weight:500;
+  color:rgba(255,102,0,1);
+}
+.color_line{
+  width:750rpx;
+  height:14rpx;
+  background:rgba(242,242,242,1);
+}

+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+    
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+    
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+    
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+    
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+    
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+    
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+    
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+    
+  }
+})

+{
+  "usingComponents": {},
+  "navigationBarTitleText": "搜索岗位/招聘者"
+}

+
+<view class='container'>
+  <!-- 筛选 -->
+  <view class='select'>
+    <view class='select_list'>
+      <view>地区</view>
+      <view class='select_list_pic'>
+        <image src='/img/aicon_11@2x.png'></image>
+      </view>
+    </view>
+    <view class='select_list'>
+      <view>岗位</view>
+      <view class='select_list_pic'>
+        <image src='/img/aicon_11@2x.png'></image>
+      </view>
+    </view>
+    <view class='select_list'>
+      <view>推荐排序</view>
+      <view class='select_list_pic'>
+        <image src='/img/aicon_11@2x.png'></image>
+      </view>
+    </view>
+    <view class='select_list'>
+      <view>筛选</view>
+      <view class='select_list_pic_big'>
+        <image src='/img/aicon_12@2x.png'></image>
+      </view>
+    </view>
+  </view>
+
+</view>

+
+page{
+  
+}
+.container{
+  display: flex;
+  flex-flow: column;
+}
+.select{
+  margin-top: 14rpx;
+  display: flex;
+  justify-content: space-between;
+  padding: 28rpx 54rpx;
+  background: #fff;
+}
+.select_list{
+  display: flex;
+  align-items: center;
+  margin-left: 9rpx;
+  font-size:26rpx;
+  font-family:PingFang-SC-Regular;
+  font-weight:400;
+  color:rgba(26,26,26,1);
+}
+.select_list_pic{
+  margin-left: 9rpx;
+  width: 12rpx;
+  height: 8rpx;
+  display: flex;
+}
+.select_list_pic image{
+  width: 100%;
+  height: 100%;
+}
+.select_list_pic_big{
+  margin-left: 8rpx;
+  width:18rpx;
+  height:18rpx;
+  display: flex;
+}
+.select_list_pic_big image{
+  width: 100%;
+  height: 100%;
+}

+// pages/inviteFriends/inviteFriends.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

+{
+  "usingComponents": {},
+  "navigationBarTitleText": "主页"
+}

+
+<view class='container'>
+  <view class='top'>
+    <image src='../../img/aicon_56@2x.png'></image>
+    <view class='top_t'>
+      <view class='top_t_text'>累计获得奖励金额（元）</view>
+      <view class='top_t_num'>252</view>
+    </view>
+    <view class='top_right'>
+      <view class='top_right_icon'>
+        <image src='../../img/aicon_34@2x.png'></image>
+      </view>
+      <view class='top_right_text'>财务记录</view>
+    </view>
+  </view>
+
+  <!-- 取现盒子 -->
+  <view class='mid'>
+    <view class='mid_pic'>
+      <image src='../../img/aicon_35@2x.png'></image>
+
+      <view class='mid_content'>
+        <view class='mid_content_top'>可提现金额(元)</view>
+        <view class='mid_content_mid'>245</view>
+        <view class='mid_content_bottom'>已提现金额(元)<span class='fontSize'>130</span></view>
+      </view>
+      <!-- 提现 -->
+      <view class='mid_deposit'>
+        <view class='mid_deposit_text'>提现</view>
+        <view class='mid_deposit_icon'>
+          <image src='../../img/aicon_33@2x.png'></image>
+        </view>
+      </view>
+    </view>
+  </view>
+
+  <!-- 邀请盒子 -->
+  <view class='invite'>
+    <view class='invite_top'>
+      <view class='invite_top_select color_yellow'>有效邀请（15人）</view>
+      <view class='invite_top_select '>无效邀请（15人）</view>
+
+    </view>
+    <!-- 列表 -->
+    <view class='invite_box'>
+      <view class='invite_item'>
+        <view class='invite_item_left'>
+          <view class='invite_item_left_icon'>
+            <image src='../../img/aicon_49@2x.png'></image>
+          </view>
+          <view class='invite_item_left_text'>
+            宇宙无敌小可爱
+          </view>
+        </view>
+
+        <view class='invite_item_right'>
+          已报名2次
+        </view>
+      </view>
+
+      <view class='invite_item'>
+        <view class='invite_item_left'>
+          <view class='invite_item_left_icon'>
+            <image src='../../img/aicon_49@2x.png'></image>
+          </view>
+          <view class='invite_item_left_text'>
+            宇宙无敌小可爱
+          </view>
+        </view>
+
+        <view class='invite_item_right'>
+          已报名2次
+        </view>
+      </view>
+    </view>
+
+
+    <!-- 查看更多 -->
+    <view class='invite_bottom'>
+      <view class='invite_bottom_text'>查看更多</view>
+      <view class='invite_bottom_icon'>
+        <image src='../../img/aicon_01@2x.png'></image>
+      </view>
+    </view>  
+  </view>
+
+</view>

+
+page{
+  line-height: 1;
+}
+
+.container{
+  width: 750rpx;
+  display: flex;
+  flex-flow: column;
+  justify-content: center;
+  align-items: center; 
+  position: relative;
+}
+.top{
+  width:750rpx;
+  height:317rpx;
+  display: flex;
+  position: relative;
+}
+.top image{
+  width: 100%;
+  height: 100%;
+}
+.top_t{
+  margin-top: 39rpx;
+  width: 100%;
+  position: absolute;
+  font-size:28rpx;
+  font-family:PingFang-SC-Bold;
+  font-weight:bold;
+  color:rgba(255,255,255,0.8);
+  display: flex;
+  flex-flow: column;
+  align-items: center;
+  justify-content: center;
+
+}
+.top_t_num{
+  margin-top: 15rpx;
+  font-size:80rpx;
+  font-family:Roboto-Medium;
+  font-weight:500;
+  color:rgba(255,255,255,1);
+}
+.top_right{
+  position: absolute;
+  top: 32rpx;
+  right: 32rpx;
+  width:158rpx;
+  height:43rpx;
+  background:rgba(255,188,81,1);
+  border-radius:22rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+}
+.top_right_icon{
+  width:16rpx;
+  height:18rpx;
+  display: flex;
+}
+.top_right_icon image{
+  width: 100%;
+  height: 100%;
+}
+.top_right_text{
+  margin-left: 10rpx;
+  font-size:24rpx;
+  font-family:PingFang-SC-Medium;
+  font-weight:500;
+  color:rgba(255,255,255,1);
+}
+.mid{
+  margin-top: 180rpx;
+  
+  display: flex;
+  position: absolute;
+  top: -30rpx;
+}
+.mid_pic{
+  width: 742rpx;
+  height: 350rpx;
+  display: flex;
+  position: relative;
+}
+.mid_pic image{
+  width: 100%;
+  height: 100%;
+}
+.mid_content{
+  display: flex;
+  flex-flow: column;
+  position: absolute;
+  color: #fff;
+  left: 60rpx;
+  top: 70rpx;
+}
+.mid_content_top{
+  font-size:24rpx;
+  font-family:PingFang-SC-Medium;
+  font-weight:500;
+  color:rgba(255,255,255,0.8);
+}
+.mid_content_mid{
+  margin-top: 20rpx;
+  font-size:80rpx;
+  font-family:Roboto-Medium;
+  font-weight:500;
+  color:rgba(255,255,255,1);
+  text-shadow:0rpx 12rpx 14rpx rgba(221,140,34,0.3);
+
+  background:linear-gradient(0deg,rgba(255,255,255,1) 0%, rgba(255,235,200,1) 100%);
+  -webkit-background-clip:text;
+  -webkit-text-fill-color:transparent;
+}
+.mid_content_bottom{
+  margin-top: 30rpx;
+  font-size:24rpx;
+  font-family:PingFang-SC-Medium;
+  font-weight:500;
+  color:rgba(255,255,255,0.8);
+}
+
+.mid_deposit{
+  position: absolute;
+  top: 100rpx;
+  right: 30rpx;
+  width:120rpx;
+  height:54rpx;
+  background:rgba(255,255,255,1);
+  border-radius:27rpx 0rpx 0rpx 27rpx;
+  display: flex;
+  align-items: center;
+ 
+}
+.mid_deposit_text{
+  margin-left: 28rpx;
+  font-size:28rpx;
+  font-family:PingFang-SC-Medium;
+  font-weight:500;
+  color:rgba(254,147,70,1);
+}
+.mid_deposit_icon{
+  margin-left: 14rpx;
+  width:12rpx;
+  height:20rpx;
+  display: flex;
+}
+.mid_deposit_icon image{
+  width: 100%;
+  height: 100%;
+}
+.invite{
+  margin-top: 160rpx;
+  width:686rpx;
+  /* height:788rpx; */
+  background:rgba(253,255,255,1);
+  box-shadow:0rpx 8rpx 49rpx 0rpx rgba(0, 0, 0, 0.1);
+  border-radius:22px;
+
+}
+.invite_top{
+  display: flex;
+  justify-content: space-between;
+  padding: 30rpx 60rpx;
+  border-bottom: 1px solid #EBEBEB;
+}
+.invite_top_select{
+ 
+  font-size:30rpx;
+  font-family:PingFang-SC-Bold;
+  font-weight:bold;
+  color:#EBEBEB;
+}
+.color_yellow{
+  color: #FFAA00;
+  position: relative;
+}
+.color_yellow::before{
+  content:'';
+  position: absolute;
+  bottom: -30rpx;
+  left: -60rpx;
+  width: 365rpx;
+  height: 1px;
+  background: #FFAA00;
+}
+.invite_item{
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  box-sizing: border-box;
+  padding: 15rpx 24rpx;
+}
+.invite_item_left{
+  display: flex;
+  align-items: center;
+}
+.invite_item_left_icon{
+  width: 74rpx;
+  height: 74rpx;
+  display: flex;
+}
+.invite_item_left_icon image{
+  width: 100%;
+  height: 100%;
+}
+.invite_item_left_text{
+  margin-left: 26rpx;
+  font-size:28rpx;
+  font-family:PingFang-SC-Medium;
+  font-weight:500;
+  color:rgba(26,26,26,1);
+}
+.invite_item_right{
+  font-size:28rpx;
+  font-family:PingFang-SC-Medium;
+  font-weight:500;
+  color:rgba(255,170,0,1);
+}
+.invite_box{
+  margin-top: 15rpx;
+}
+.invite_bottom{
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: 24rpx;
+}
+.invite_bottom_text{
+  font-size:28rpx;
+  font-family:PingFang-SC-Medium;
+  font-weight:500;
+  color:rgba(102,102,102,1);
+}
+.invite_bottom_icon{
+  margin-left: 17rpx;
+  width: 18rpx;
+  height: 10rpx;
+  display: flex;
+}
+.invite_bottom_icon image{
+  width: 100%;
+  height: 100%;
+}

+// pages/mine/mine.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

+{
+  "usingComponents": {}
+}

+<!--pages/mine/mine.wxml-->
+<text>pages/mine/mine.wxml</text>

+/* pages/mine/mine.wxss */

+// pages/mine/perfectInfor/perfectInfor.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

+{
+  "usingComponents": {},
+  "navigationBarTitleText": "完善个人资料",
+  "navigationBarBackgroundColor": "white",
+  "navigationBarTextStyle": "black"
+}

+<!--pages/mine/perfectInfor/perfectInfor.wxml-->
+
+<view class='container'>
+  <view class='top'>
+    <view class='top_left'></view>
+  </view>
+</view>

+/* pages/mine/perfectInfor/perfectInfor.wxss */
+page{
+  background: #F5F5F5;
+}
+.container{
+  width: 750rpx;
+  display: flex;
+  flex-flow: column;
+}
+.top{
+  display: flex;
+  justify-content: space-between
+}

+// pages/myMessage/myMessage.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

+{
+  "usingComponents": {},
+  "navigationBarTitleText": "我的消息"
+}

+<!--pages/myMessage/myMessage.wxml-->
+<view class='container'>
+  <view class='item'>
+    <view class='item_left'>
+      <view class='item_left_pic'>
+        <image src='../../img/aicon_48@2x.png'></image>
+        <view class='icon_dot'></view>
+      </view>
+      <view class='item_left_text'>
+        <view class='item_left_text_top'>报名成功</view>
+        <view class='item_left_text_bottom'>报名成功啦</view>
+      </view>
+    </view>
+
+    <view class='item_right'>
+      <image src='../../img/right.png'></image>
+    </view>
+  </view>
+
+  <view class='item'>
+    <view class='item_left'>
+      <view class='item_left_pic'>
+        <image src='../../img/aicon_48@2x.png'></image>
+      </view>
+      <view class='item_left_text'>
+        <view class='item_left_text_top'>岗位审核通过</view>
+        <view class='item_left_text_bottom'>您发布的岗位审核通过啦</view>
+      </view>
+    </view>
+
+    <view class='item_right'>
+      <image src='../../img/right.png'></image>
+    </view>
+  </view>
+
+  <view class='item'>
+    <view class='item_left'>
+      <view class='item_left_pic'>
+        <image src='../../img/aicon_48@2x.png'></image>
+      </view>
+      <view class='item_left_text'>
+        <view class='item_left_text_top'>您的岗位下线啦</view>
+        <view class='item_left_text_bottom'>岗位下线时间已到啦，请及时进行处理，岗位下线时间已到啦，请及时进行处理</view>
+      </view>
+    </view>
+
+    <view class='item_right'>
+      <image src='../../img/right.png'></image>
+    </view>
+  </view>
+</view>

+/* pages/myMessage/myMessage.wxss */
+
+page{
+
+}
+
+.container{
+  display: flex;
+  flex-flow: column;
+}
+.item{
+  display: flex;
+  align-items: center;
+  padding: 24rpx 28rpx;
+  justify-content: space-between;
+  border-bottom: 1px solid #EBEBEB;
+}
+.item_left{
+  display: flex;
+}
+.item_left_pic{
+  width:74rpx;
+  height:74rpx;
+  display: flex;
+  position: relative;
+}
+.item_left_pic image{
+  width: 100%;
+  height: 100%;
+}
+.item_left_text{
+  display: flex;
+  flex-flow: column;
+  margin-left: 30rpx;
+}
+.item_left_text_top{
+  font-size:30rpx;
+  font-family:PingFang-SC-Bold;
+  font-weight:bold;
+  color:rgba(51,51,51,1);
+}
+.item_left_text_bottom{
+  width: 550rpx;
+  font-size:26rpx;
+  font-family:PingFang-SC-Medium;
+  font-weight:500;
+  color:rgba(153,153,153,1);
+  box-sizing: border-box;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  overflow: hidden;
+}
+.item_right{
+  width:12rpx;
+  height:20rpx;
+  display: flex;
+}
+.item_right image{
+  width: 100%;
+  height: 100%;
+}
+.icon_dot{
+  width:10rpx;
+  height:10rpx;
+  background:rgba(255,102,0,1);
+  border-radius:50%;
+  position: absolute;
+  right: -5rpx;
+}

+// pages/myMessage2/myMessage2.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

+{
+  "usingComponents": {},
+  "navigationBarTitleText": "消息通知"
+}

+
+<view class='container'>
+  <view class='time'>
+    2019-02-28 11:23
+  </view>
+
+  <view class='content'>
+  怎么查微信聊天记录已经成为调查行业的另一项重要业务 当今全世界最流行的聊天工具之一微信，自从2011年面世。怎么查微信聊天记录已经成为调查行业的另一项重要业务 当今全世界最流行的聊天工具之一微信。
+2011年面世。
+                      
+  </view>
+
+
+</view>

+/* pages/myMessage2/myMessage2.wxss */
+
+page{
+  background: #F2F2F2;
+  line-height: 1;
+}
+.container{
+  display: flex;
+  flex-flow: column;
+  align-items: center;
+  justify-content: center;
+}
+.time{
+  margin-top: 36rpx;
+  font-size: 24rpx;
+  color: #999999;
+}
+.content{
+  margin-top: 23rpx;
+  width:616rpx;
+  background:rgba(255,255,255,1);
+  box-shadow:0rpx 4rpx 12rpx 0px rgba(0, 0, 0, 0.06);
+  border-radius:10rpx;
+
+  font-size: 26rpx;
+  line-height: 40rpx;
+  box-sizing: border-box;
+  padding: 37rpx 54rpx 44rpx 44rpx;
+}

+// pages/myResume/myResume.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

+{
+  "usingComponents": {},
+  "navigationBarTitleText": "报名记录"
+}

+
+<view class='container'>
+
+  <view class='LineColor'></view>
+  <!-- 头像信息 -->
+  <view class='top'>
+    <view class='top_left'>头像</view>
+    <view class='top_right'>
+      <view class='top_right_pic'>
+        <image src='../../img/aicon_49@2x.png'></image>
+      </view>
+      <view class='top_right_icon'>
+        <image src='../../img/right.png'></image>
+      </view>
+    </view>
+  </view>
+
+  <view class='LineColor'></view>
+
+  <!-- 昵称 -->
+  <view class='top mid'>
+    <view class='top_left'>昵称</view>
+    <view class='top_right wechat_name'>
+      微信昵称
+    </view>
+  </view>
+  <!-- 真实姓名 -->
+  <view class='top mid'>
+    <view class='top_left'>真实姓名</view>
+    <!-- <view class='top_right real_name'>
+      请输入真实姓名
+    </view> -->
+    <input placeholder='请输入真实姓名'></input>
+  </view>
+  <!-- 性别 -->
+  <view class='top mid'>
+    <view class='top_left'>性别</view>
+    <view class='top_right gender'>
+      <view class='male select_gender'>男</view>
+      <view class='female'>女</view>
+    </view>
+  </view>
+  <!-- 手机号 -->
+  <view class='top mid'>
+    <view class='top_left'>手机号</view>
+    <view class='top_right wechat_name'>
+      13987654321
+    </view>
+  </view>
+  <!-- 出生日期 -->
+  <view class='top mid'>
+    <view class='top_left'>出生日期</view>
+    <view class='top_right '>
+      <view class='top_right_text'>请选择出生日期</view>
+      <view class='top_right_icon'>
+        <image src='../../img/right.png'></image>
+      </view>
+    </view>
+  </view>
+  <!-- 最高学历 -->
+  <view class='top mid'>
+    <view class='top_left'>最高学历</view>
+    <view class='top_right '>
+      <view class='top_right_text'>请选择最高学历</view>
+      <view class='top_right_icon'>
+        <image src='../../img/right.png'></image>
+      </view>
+    </view>
+  </view>
+  <!-- 工作年限 -->
+  <view class='top mid'>
+    <view class='top_left'>工作年限</view>
+    <view class='top_right '>
+      <view class='top_right_text'>请选择您的工作年限</view>
+      <view class='top_right_icon'>
+        <image src='../../img/right.png'></image>
+      </view>
+    </view>
+  </view>
+  <!-- 是否在职 -->
+  <view class='top mid'>
+    <view class='top_left'>是否在职</view>
+    <view class='top_right gender'>
+      <view class='male select_gender'>在职</view>
+      <view class='female'>离职</view>
+    </view>
+  </view>
+
+  <!-- 自我介绍 -->
+  <view class='top mid content'>
+    <view class='top_left'>自我介绍</view>
+    <!-- 文本框 -->
+    <textarea placeholder='性别不限/学历不限/年龄不限/经验不限'></textarea>
+    <view class='textarea_number'>0/200</view>
+  </view>
+
+
+  <!-- 文字提示 -->
+  <view class='reminder'>完善个人信息，报名必填</view>
+
+  <!-- 底部按钮 -->
+  <view class='bottom'>
+    <view class='bottom_btn'>确认发布</view>
+  </view>
+</view>

+
+page{
+  line-height: 1;
+}
+.container{
+  display: flex;
+  flex-flow: column;
+}
+.top{
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 24rpx 32rpx 24rpx 34rpx;
+  
+}
+.top_left{
+  font-size: 32rpx;
+  color: #666666;
+}
+.top_right{
+  display: flex;
+  align-items: center;
+}
+.top_right_pic{
+  width:74rpx;
+  height:74rpx;
+  display: flex;
+}
+.top_right_pic image{
+  width: 100%;
+  height: 100%;
+}
+.top_right_icon{
+  margin-left: 24rpx;
+  width:12rpx;
+  height:20rpx;
+  display: flex;
+}
+.top_right_icon image{
+  width: 100%;
+  height: 100%;
+}
+.LineColor{
+  width:750rpx;
+  height:14rpx;
+  background:rgba(242,242,242,1);
+}
+.wechat_name{
+  font-size: 32rpx;
+  color: #1A1A1A;
+}
+.real_name{
+  color: #999999;
+}
+
+.mid{
+  padding: 34rpx 0;
+  margin: 0 32rpx;
+  border-bottom: 1px solid #EBEBEB;
+  font-size: 32rpx;
+}
+.mid input{
+  width: 230rpx;
+}
+.gender{
+  display: flex;
+  font-size: 26rpx;
+}
+.male{
+  width:70rpx;
+  height:44rpx;
+  line-height: 44rpx;
+  text-align: center;
+  
+  border: 1px solid #FFAA00;
+  color: #FFAA00;
+  border-radius:22rpx 0rpx 0rpx 22rpx;
+}
+.female{
+  width:70rpx;
+  height:44rpx;
+  line-height: 44rpx;
+  text-align: center;
+  /* background:rgba(255,170,0,1); */
+  border: 1px solid #FFAA00;
+  color: #FFAA00;
+  border-radius:0rpx 22rpx 22rpx 0rpx;
+}
+.select_gender{
+  background:rgba(255,170,0,1);
+  color: #fff;
+}
+.top_right_text{
+  color: #999999;
+}
+.content{
+  flex-flow: column;
+  align-items: normal;
+  position: relative;
+  border-bottom: 1px solid #EBEBEB;
+}
+.content textarea{
+  margin-top: 23rpx;
+  width:686rpx;
+  height:300rpx;
+  background:rgba(242,242,242,1);
+  border-radius:10rpx;
+  box-sizing: border-box;
+  padding: 24rpx;
+  font-size: 28rpx;
+  color:#1A1A1A;
+}
+.textarea_number{
+  position: absolute;
+  font-size:24rpx;
+  font-family:PingFang-SC-Medium;
+  font-weight:500;
+  color:rgba(153,153,153,1);
+  line-height:36rpx;
+  bottom: 50rpx;
+  right: 25rpx;
+}
+.reminder{
+  text-align: center;
+  margin-top: 23rpx;
+  font-size:26rpx;
+  font-family:PingFang-SC-Medium;
+  font-weight:500;
+  color:rgba(153,153,153,1);
+ 
+}
+.bottom{
+  margin: 24rpx 0 32rpx 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.bottom_btn{
+  width:686rpx;
+  height:90rpx;
+  line-height: 90rpx;
+  text-align: center;
+  background:rgba(255,129,44,1);
+  border-radius:5rpx;
+
+
+  font-size:28rpx;
+  font-family:PingFang-SC-Medium;
+  font-weight:500;
+  color:rgba(255,255,255,1);
+
+}

+// pages/myResume2/myResume2.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

+{
+  "usingComponents": {},
+  "navigationBarTitleText": "报名记录"
+}

+
+<view class='container'>
+
+  <view class='LineColor'></view>
+  <!-- 头像信息 -->
+  <view class='top'>
+    <view class='top_left'>头像</view>
+    <view class='top_right'>
+      <view class='top_right_pic'>
+        <image src='../../img/aicon_49@2x.png'></image>
+      </view>
+      <view class='top_right_icon'>
+        <image src='../../img/right.png'></image>
+      </view>
+    </view>
+  </view>
+
+  <view class='LineColor'></view>
+
+  <!-- 昵称 -->
+  <view class='top mid'>
+    <view class='top_left'>昵称</view>
+    <view class='top_right wechat_name'>
+      微信昵称
+    </view>
+  </view>
+  <!-- 真实姓名 -->
+  <view class='top mid'>
+    <view class='top_left'>真实姓名</view>
+    <view class='top_right wechat_name'>
+      高萌
+    </view>
+  </view>
+  <!-- 性别 -->
+  <view class='top mid'>
+    <view class='top_left'>性别</view>
+    <view class='top_right wechat_name'>
+      男
+    </view>
+  </view>
+  <!-- 手机号 -->
+  <view class='top mid'>
+    <view class='top_left'>手机号</view>
+    <view class='top_right wechat_name'>
+      13987654321
+    </view>
+  </view>
+  <!-- 出生日期 -->
+  <view class='top mid'>
+    <view class='top_left'>出生日期</view>
+    <view class='top_right wechat_name'>
+      1997-12-07
+    </view>
+  </view>
+  <!-- 家乡 -->
+  <view class='top mid'>
+    <view class='top_left'>家乡</view>
+    <view class='top_right wechat_name'>
+      天津
+    </view>
+  </view>
+  <!-- 最高学历 -->
+  <view class='top mid'>
+    <view class='top_left'>最高学历</view>
+    <view class='top_right wechat_name'>
+      本科
+    </view>
+  </view>
+  <!-- 工作年限 -->
+  <view class='top mid'>
+    <view class='top_left'>工作年限</view>
+    <view class='top_right wechat_name'>
+      10年以上
+    </view>
+  </view>
+  <!-- 是否在职 -->
+  <view class='top mid'>
+    <view class='top_left'>是否在职</view>
+    <view class='top_right wechat_name'>
+      离职
+    </view>
+  </view>
+  <!--岗位描述 -->
+  <view class='top mid describe'>
+    <view class='mid_top'>
+      <view class='top_left'>岗位描述</view>
+      <view class='top_right wechat_name'></view>
+    </view>
+    <view class='mid_bottom'>
+      本人风流倜傥英俊潇洒，为人幽默，善于解决客户问题
+    </view>
+  </view>
+  
+</view>

+
+page{
+  line-height: 1;
+}
+.container{
+  display: flex;
+  flex-flow: column;
+}
+.top{
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 24rpx 32rpx 24rpx 34rpx;
+  
+}
+.top_left{
+  font-size: 32rpx;
+  color: #666666;
+}
+.top_right{
+  display: flex;
+  align-items: center;
+}
+.top_right_pic{
+  width:74rpx;
+  height:74rpx;
+  display: flex;
+}
+.top_right_pic image{
+  width: 100%;
+  height: 100%;
+}
+.top_right_icon{
+  margin-left: 24rpx;
+  width:12rpx;
+  height:20rpx;
+  display: flex;
+}
+.top_right_icon image{
+  width: 100%;
+  height: 100%;
+}
+.LineColor{
+  width:750rpx;
+  height:14rpx;
+  background:rgba(242,242,242,1);
+}
+.wechat_name{
+  font-size: 32rpx;
+  color: #1A1A1A;
+}
+.real_name{
+  color: #999999;
+}
+
+.mid{
+  
+  padding: 34rpx 0;
+  margin: 0 32rpx;
+  border-bottom: 1px solid #EBEBEB;
+  font-size: 32rpx;
+}
+.mid input{
+  width: 230rpx;
+}
+.gender{
+  display: flex;
+  font-size: 26rpx;
+}
+.male{
+  width:70rpx;
+  height:44rpx;
+  line-height: 44rpx;
+  text-align: center;
+  
+  border: 1px solid #FFAA00;
+  color: #FFAA00;
+  border-radius:22rpx 0rpx 0rpx 22rpx;
+}
+.female{
+  width:70rpx;
+  height:44rpx;
+  line-height: 44rpx;
+  text-align: center;
+  /* background:rgba(255,170,0,1); */
+  border: 1px solid #FFAA00;
+  color: #FFAA00;
+  border-radius:0rpx 22rpx 22rpx 0rpx;
+}
+.select_gender{
+  background:rgba(255,170,0,1);
+  color: #fff;
+}
+.top_right_text{
+  color: #999999;
+}
+.content{
+  flex-flow: column;
+  align-items: normal;
+  position: relative;
+  border-bottom: 1px solid #EBEBEB;
+}
+.content textarea{
+  margin-top: 23rpx;
+  width:686rpx;
+  height:300rpx;
+  background:rgba(242,242,242,1);
+  border-radius:10rpx;
+  box-sizing: border-box;
+  padding: 24rpx;
+  font-size: 28rpx;
+  color:#1A1A1A;
+}
+.textarea_number{
+  position: absolute;
+  font-size:24rpx;
+  font-family:PingFang-SC-Medium;
+  font-weight:500;
+  color:rgba(153,153,153,1);
+  line-height:36rpx;
+  bottom: 50rpx;
+  right: 25rpx;
+}
+.reminder{
+  text-align: center;
+  margin-top: 23rpx;
+  font-size:26rpx;
+  font-family:PingFang-SC-Medium;
+  font-weight:500;
+  color:rgba(153,153,153,1);
+ 
+}
+.bottom{
+  margin: 24rpx 0 32rpx 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.bottom_btn{
+  width:686rpx;
+  height:90rpx;
+  line-height: 90rpx;
+  text-align: center;
+  background:rgba(255,129,44,1);
+  border-radius:5rpx;
+
+
+  font-size:28rpx;
+  font-family:PingFang-SC-Medium;
+  font-weight:500;
+  color:rgba(255,255,255,1);
+
+}
+.mid_top{
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+}
+.describe{
+  /* width: 100%; */
+  display: flex;
+  flex-flow: column;
+}
+.mid_bottom{
+  margin-top: 22rpx;
+  font-size:28rpx;
+  font-family:PingFang-SC-Medium;
+  font-weight:500;
+  color:rgba(26,26,26,1);
+}

+// pages/publish/publish.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

+{
+  "usingComponents": {}
+}

+<!--pages/publish/publish.wxml-->
+<text>pages/publish/publish.wxml</text>

+/* pages/publish/publish.wxss */

+// pages/recommend/recommend.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

+{
+  "usingComponents": {},
+  "navigationBarTitleText": "推荐有奖"
+}

+
+<view class='container'>
+  <view class='top'>
+    <image src='../../img/aicon_51@2x.png'></image>
+  </view>
+
+  <view class='mid'>
+    <!-- 大盒子1 -->
+    <view class='item_1'>
+      <view class='item_1_top'>
+        邀请任意好友登录优秀精英并绑定手机号
+        且2个岗位招聘，你和好友均可各享奖励
+      </view>
+      <!-- 小盒子 -->
+      <view class='item_1_mid'>
+        <view class='item_1_mid_t'>
+          <span class='color_yellow'>自己</span>可得
+        </view>
+        <view class='item_1_mid_b'>
+          <view>邀请任意好友自己可得1元现金奖励</view>
+          <view class='mid_b_text'>邀请好友越多获得奖励越多</view>
+        </view>
+      </view>
+      <!-- 小盒子 -->
+      <view class='item_1_mid'>
+        <view class='item_1_mid_t'>
+          <span class='color_yellow'>好友</span>可得
+        </view>
+        <view class='item_1_mid_b'>
+          <view>邀请任意好友自己可得1元现金奖励</view>
+          <view class='mid_b_text'>邀请好友越多获得奖励越多</view>
+        </view>
+      </view>
+    </view>
+
+    <!-- 大盒子2 -->
+    <view class='item_2'>
+      <view class='item_2_left'>
+        <view class='item_2_left_top'>252</view>
+        <view class='item_2_left_bottom'>已获得奖励（元）</view>
+      </view>
+      <view class='item_2_mid'></view>
+      <view class='item_2_left'>
+        <view class='item_2_left_top'>15</view>
+        <view class='item_2_left_bottom'>已成功邀请（人）</view>
+      </view>
+    </view>
+
+    <!-- 大盒子3 -->
+    <view class='item_3'>
+      <view class='item_3_top'>
+        <view class='item_3_top_line'></view>
+        <view class='item_3_top_mid'>参与流程</view>
+        <view class='item_3_top_line'></view>
+      </view>
+      <view class='item_3_box'>
+        <view class='box_item'>
+          <view class='box_item_left'>1</view>
+          <view class='box_item_right'>分享活动给好友</view>
+        </view>
+        <view class='box_item'>
+          <view class='box_item_left'>2</view>
+          <view class='box_item_right'>好友登录平台</view>
+        </view>
+        <view class='box_item'>
+          <view class='box_item_left'>3</view>
+          <view class='box_item_right'>好友绑定手机并成功报名两个招聘岗位</view>
+        </view>
+        
+      </view>
+    </view>
+    
+    <!-- 大盒子4 -->
+    <view class='item_4'>
+      <view class='item_3_top'>
+        <view class='item_3_top_line'></view>
+        <view class='item_3_top_mid'>活动规则</view>
+        <view class='item_3_top_line'></view>
+      </view>
+      <!-- 活动内容 -->
+      <view class='item_4_content'>
+        
+        <view>1、本活动全国用户均可参加</view>
+        <view>2、本活动时间：2019年03月01日至2020年03月01日</view>
+        <view>3、参与方式：分享小程序给好友，好友进入小程序进行授权，允许小程序获取用户手机号并进行绑定，且完善简历后成功报名2个岗位招聘即可获得奖励，推荐人可获得1元，好友首次完成任务可获得5元，好友邀请他人，自己可获得1元，以此类推</view>
+        <view>4、奖励发放：用户在成功邀请好友后，平台自动发放给用户及好友的小程序账户中</view>
+        <view>5、现金可以提现，每天最多提现一次，且提现金额需满足10元且为10的倍数；</view>
+        <view>6、注意事项：</view>
+        <view>（1）获得现金奖励需满足推荐好友登录小程序并允许小程序绑定手机号且成功报名2个岗位招聘</view>
+        <view>（2）若系统检测为刷单行为，将取消参与活动资格及奖金发放（如：批量使用虚拟手机号码进行注册）</view>
+        <view>注：优秀精英保留活动最终结束权，对本活动有疑问请联系官方客服：400-800-8820</view>
+
+                        
+      </view>
+    </view>
+
+    <!-- 底部按钮 -->
+    <view class='bottom'>
+      马上邀请好友,领奖励
+    </view>
+
+    
+  
+  </view>
+</view>

+
+page{
+  line-height: 1;
+}
+.container{
+  width: 750rpx;
+  display: flex;
+  flex-flow: column;
+  position: relative;
+}
+.top{
+  width: 750rpx;
+  height: 1100rpx;
+  display: flex;
+}
+.top image{
+  width: 100%;
+  height: 100%;
+}
+.mid{
+  width: 750rpx;
+  position: absolute;
+  top: 263rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-flow: column;
+}
+.item_1{
+  width:688rpx;
+  height:685rpx;
+  background:rgba(253,255,255,1);
+  box-shadow:0rpx 8rpx 49rpx 0rpx rgba(255,107,82,0.34);
+  border-radius:22rpx;
+  box-sizing: border-box;
+  padding: 46rpx 50rpx;
+}
+.item_1_top{
+  font-size:32rpx;
+  font-family:PingFang-SC-Bold;
+  font-weight:bold;
+  color:rgba(254,76,48,1);
+  line-height: 52rpx;
+}
+.item_1_mid{
+  margin-top: 40rpx;
+  display: flex;
+  flex-flow: column;
+}
+.item_1_mid_t{
+  width:584rpx;
+  height:72rpx;
+  line-height: 72rpx;
+  text-align: center;
+  background:linear-gradient(180deg,rgba(255,118,88,1),rgba(255,138,101,1));
+  border-radius:22rpx 22rpx 0rpx 0rpx;
+  font-size: 40rpx;
+  color: #fff;
+  font-family:PangMenZhengDao;
+}
+.color_yellow{
+  color: #FFF285;
+}
+.item_1_mid_b{
+  width:584rpx;
+  height:131rpx;
+  background:rgba(247,247,247,1);
+  border-radius:0rpx 0rpx 22rpx 22rpx;
+  display: flex;
+  flex-flow: column;
+  align-items: center;
+  justify-content: center;
+
+  font-size:30rpx;
+  font-family:PingFang-SC-Bold;
+  font-weight:bold;
+  color:rgba(75,75,77,1);
+}
+.mid_b_text{
+  margin-top: 23rpx;
+  font-size:26rpx;
+  font-family:PingFang-SC-Medium;
+  font-weight:500;
+  color:rgba(153,153,153,1);
+}
+.item_2{
+  margin-top: 24rpx;
+  width:688rpx;
+  height:213rpx;
+  background:rgba(253,255,255,1);
+  box-shadow:0rpx 8rpx 49rpx 0rpx rgba(255,107,82,0.34);
+  border-radius:22rpx;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  box-sizing: border-box;
+  padding: 0 66rpx;
+}
+.item_2_left{
+  display: flex;
+  flex-flow: column;
+  align-items: center;
+}
+.item_2_left_top{
+
+  font-size:80rpx;
+  font-family:Roboto-Medium;
+  font-weight:500;
+  color:rgba(251,92,69,1);
+  
+}
+.item_2_left_bottom{
+  font-size:28rpx;
+  font-family:PingFang-SC-Medium;
+  font-weight:500;
+  color:rgba(251,92,69,1);
+  margin-top: 20rpx;
+}
+.item_2_mid{
+  width:2rpx;
+  height:89rpx;
+  background:rgba(255,137,101,0.54);
+}
+.item_3{
+  margin-top: 24rpx;
+  width:688rpx;
+  height:363rpx;
+  background:rgba(253,255,255,1);
+  box-shadow:0rpx 8rpx 49rpx 0rpx rgba(255,107,82,0.34);
+  border-radius:22rpx;
+}
+.item_3_top{
+  margin-top: 40rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.item_3_top_line{
+  width:77rpx;
+  height:2rpx;
+  background:rgba(255,131,96,0.4);
+}
+.item_3_top_mid{
+  font-size:40rpx;
+  font-family:PangMenZhengDao;
+  font-weight:400;
+  color:rgba(255,131,96,1);
+  margin: 0 37rpx;
+}
+.item_3_box{
+  margin-top: 26rpx;
+  display: flex;
+  flex-flow: column;
+}
+.box_item{
+  margin-top: 24rpx;
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  padding: 0 50rpx;
+}
+.box_item_left{
+  width:38rpx;
+  height:38rpx;
+  line-height: 38rpx;
+  text-align: center;
+  background:rgba(255,131,96,1);
+  border-radius:50%;
+
+  font-size:28rpx;
+  font-family:Roboto-Regular;
+  font-weight:400;
+  color:rgba(255,254,254,1);
+}
+.box_item_right{
+  margin-left: 24rpx;
+  font-size:30rpx;
+  font-family:PingFang-SC-Medium;
+  font-weight:500;
+  color:rgba(75,75,76,1);
+}
+
+.item_4{
+  margin-top: 24rpx;
+  width:688rpx;
+  height:1129rpx;
+  background:rgba(253,255,255,1);
+  box-shadow:0rpx 8rpx 49rpx 0rpx rgba(255,107,82,0.34);
+  border-radius:22rpx;
+  display: flex;
+  flex-flow: column;
+}
+.item_4_content{
+
+  font-size:26rpx;
+  font-family:PingFang-SC-Medium;
+  font-weight:500;
+  color:rgba(77,77,77,1);
+  line-height: 48rpx;
+  box-sizing: border-box;
+  padding: 30rpx 60rpx 42rpx 50rpx;
+}
+.bottom{
+  margin-top: 72rpx;
+  margin-bottom: 32rpx;
+  width:686rpx;
+  height:80rpx;
+  line-height: 80rpx;
+  text-align: center;
+  background:rgba(255,129,44,1);
+  border-radius:5rpx;
+
+  font-size:28rpx;
+  font-family:PingFang-SC-Medium;
+  font-weight:500;
+  color:rgba(255,255,255,1);
+
+}

+// pages/record/record.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

+{
+  "usingComponents": {},
+  "navigationBarTitleText": "报名记录"
+}

+
+<view class='container'>
+
+  <!-- 顶部线条 -->
+  <view class='underline'></view>
+  <!-- 条目 -->
+  <view class='items'>
+    <view class='item'>
+      <!-- 头部 -->
+      <view class='item_top'>
+        <view class='item_top_left'>
+          <view class='item_top_left_pic'>
+            <image src='/img/aicon_08@2x.png'></image>
+          </view>
+          <view class='item_top_left_text'>
+            <view class='text_top'>酒店服务员</view>
+            <view class='text_bottom'>4000-5000元/月</view>
+          </view>
+        </view>
+
+        <view class='item_top_right'>
+          已报名
+        </view>
+      </view>
+      <!-- 底部 -->
+      <view class='item_bottom'>
+        <view class='item_bottom_left'>
+          <view class='item_bottom_left_pic'>
+            <image src='/img/aicon_10@2x.png'></image>
+          </view>
+          <!-- 名字 -->
+          <view>王思迪</view>
+        </view>
+
+        <view class='item_bottom_right'>
+          <view class='item_bottom_left_pic'>
+            <image src='/img/aicon_09@2x.png'></image>
+          </view>
+          <view>南开区 3.2km</view>
+        </view>
+      </view>
+    </view>
+    <view class='item'>
+      <!-- 头部 -->
+      <view class='item_top'>
+        <view class='item_top_left'>
+          <view class='item_top_left_pic'>
+            <image src='/img/aicon_08@2x.png'></image>
+          </view>
+          <view class='item_top_left_text'>
+            <view class='text_top'>酒店服务员</view>
+            <view class='text_bottom'>4000-5000元/月</view>
+          </view>
+        </view>
+
+        <view class='item_top_right'>
+          已报名
+        </view>
+      </view>
+      <!-- 底部 -->
+      <view class='item_bottom'>
+        <view class='item_bottom_left'>
+          <view class='item_bottom_left_pic'>
+            <image src='/img/aicon_10@2x.png'></image>
+          </view>
+          <!-- 名字 -->
+          <view>王思迪</view>
+        </view>
+
+        <view class='item_bottom_right'>
+          <view class='item_bottom_left_pic'>
+            <image src='/img/aicon_09@2x.png'></image>
+          </view>
+          <view>南开区 3.2km</view>
+        </view>
+      </view>
+    </view>
+    
+
+  </view>
+
+  <!-- 底部提示 -->
+  <view class='bottom'>
+    没有更多内容了
+  </view>
+
+</view>