feat(招聘) 重构页面

app.json

@@ -26,31 +26,26 @@
   },
   "tabBar": {
     "color": "#444",
-    "selectedColor": "#1296db",
+    "selectedColor": "#FF8364",
     "backgroundColor": "#ffffff",
     "list": [{
       "pagePath": "pages/index/index",
       "text": "首页",
-      "iconPath": "images/icons/index.png",
-      "selectedIconPath": "images/icons/index-active.png"
+      "iconPath": "images/new/index.png",
+      "selectedIconPath": "images/new/index_active.png"
     },
     {
       "pagePath": "pages/sociology/sociology",
       "text": "社招",
-      "iconPath": "images/icons/sociology_no.png",
-      "selectedIconPath": "images/icons/sociology_yes.png"
-    },
-    {
-      "pagePath": "pages/school/school",
-      "text": "校招",
-      "iconPath": "images/icons/school_no.png",
-      "selectedIconPath": "images/icons/school_yes.png"
+      "iconPath": "images/new/recurit.png",
+      "selectedIconPath": "images/new/recurit_active.png"
     },
+ 
     {
       "pagePath": "pages/person/person",
       "text": "我的",
-      "iconPath": "images/icons/person.png",
-      "selectedIconPath": "images/icons/person-active.png"
+      "iconPath": "images/new/person.png",
+      "selectedIconPath": "images/new/person_active.png"
     }]
   },
   "style": "v2",

pages/index/index.js

@@ -5,7 +5,15 @@ Page({
    * 页面的初始数据
    */
   data: {
-
+    background: [
+      'https://www.hsayi.com/images/aacc93851bcd1442b1b531a64b88832e.png', 
+      '/images/new/home_page.png'
+  ],
+    indicatorDots: true,
+    vertical: false,
+    autoplay: true,
+    interval: 5000,
+    duration: 500
   },
 
   /**
@@ -99,7 +107,7 @@ Page({
     },
     //校招
     gotoSchool:function(){
-      wx.switchTab({
+      wx.navigateTo({
         url: '../school/school'
       })
     },

pages/index/index.json

@@ -4,5 +4,6 @@
   "navigationBarTextStyle": "black",
   "navigationBarTitleText": "首页",
   "backgroundColor": "#fff",
-  "backgroundTextStyle": "light"
+  "backgroundTextStyle": "light",
+  "navigationStyle":"custom"
 }

pages/index/index.wxml

@@ -1,9 +1,68 @@
 
 <view class="container">
-<view class="top" bindtap="gotoCompanyProfile">
-  <image class="top_img" src="https://www.hsayi.com/images/aacc93851bcd1442b1b531a64b88832e.png"></image>
+<view class="top" >
+  <!-- <image class="top_img" src="https://www.hsayi.com/images/aacc93851bcd1442b1b531a64b88832e.png"></image> -->
+  <swiper indicator-dots="{{indicatorDots}}"
+        autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}"
+        indicator-color="#E0CCAF"
+        indicator-active-color="#C29B61"
+        style="height:538rpx"
+        >
+        <block wx:for="{{background}}" wx:key="*this">
+          <swiper-item>
+          <image class="top_img" src="{{item}}"></image>
+          </swiper-item>
+        </block>
+      </swiper>
 </view>
-<view class="bottom">
+<view class="content-button">
+  <view class="content-view profile" bindtap="gotoCompanyProfile">
+    <view class="content-view-left">
+      <view class="content-view-title">公司简介</view>
+      <view class="content-view-english">COMPANY PROFILE ></view>
+    </view>
+    <image src="/images/new/introduce.png"></image>
+  </view>
+  <view class="content-view environment" bindtap="gotoWorkEnvironment">
+    <view>
+      <view class="content-view-title">工作环境</view>
+      <view class="content-view-english">WORK ENVIRONMENT ></view>
+    </view>
+    <image src="/images/new/environment.png"></image>
+  </view>
+  <view class="content-view culture" bindtap="gotoCorporateCulture">
+    <view>
+      <view class="content-view-title">企业文化</view>
+      <view class="content-view-english">CORPORATE CULTURE ></view>
+    </view>
+    <image src="/images/new/culture.png"></image>
+  </view>
+  <view class="content-view benefits" bindtap="gotoEmployeeBenefits">
+    <view>
+      <view class="content-view-title" >福利待遇</view>
+      <view class="content-view-english">EMPLOYEE BENEFITS ></view>
+    </view>
+    <image src="/images/new/treatment.png"></image>
+  </view>
+</view>
+<view class="person-button" bindtap="gotoPerson">
+<image class="head-img" src="/images/new/head_img.png"></image>
+<view>
+<view style="font-weight:500">HI, TONY WU</view>
+<view style="font-weight:800;font-style: oblique;margin-top:10rpx;font-size:36rpx">期待您的加入</view>
+</view>
+<image class="person-center" src="/images/new/person_center.png"></image>
+</view>
+
+<view class="school-view">
+<image  class ="school-img" src="/images/new/school.png"></image>
+
+<view class="school-view-right">
+  <image  class ="school-position" src="/images/new/school_position.png"  bindtap="gotoSchool"></image>
+  <image  class ="school-trip" src="/images/new/school_trip.png" bindtap="gotoSchoolTrip"></image>
+</view>
+</view>
+<!-- <view class="bottom">
   <view class="left">
     <view class="left_1" bindtap="gotoCompanyProfile">
       <view>公司简介</view>
@@ -18,6 +77,6 @@
     <view class="right_3" bindtap="gotoSchoolTrip">校招行程</view>
     <view class="right_4" bindtap="gotoPerson">个人中心</view>
   </view>
-</view>
+</view> -->
 
 </view>

pages/index/index.wxss

@@ -12,12 +12,12 @@ Page {
   justify-content: space-between;
 }
 .top{
-  height: 400rpx;
+  height: 538rpx;
   width: 100%;
  
 }
 .top_img{
-  height: 400rpx;
+  height: 269px;
   width: 100%;
 }
 .bottom{
@@ -58,4 +58,121 @@ Page {
 .right{
   width: 345rpx;
   margin-left: 20rpx;
-}
+}
+
+.content-button{
+  height: 300rpx;
+  width: 690rpx;
+  margin-left: 30rpx;
+  display: flex;
+  flex-flow: row wrap;
+  justify-content: left;
+  background: #FFFFFF;
+  box-shadow: 0px 9px 9px 1px rgba(131, 131, 131, 0.16);
+  border-radius: 10px;
+  margin-top: 5px;
+}
+.content-view{
+height:50%;
+width: 50%;
+display: flex;
+flex-flow: row nowrap;
+justify-content: space-evenly;
+align-items: center;
+
+}
+.content-view image{
+  width: 50rpx;
+  height: 50rpx;
+}
+.content-view-title{
+  font-size: 28rpx;
+  font-weight: 800;
+  color: #070604;
+  margin-bottom: 9px;
+}
+.content-view-english{
+  font-size: 18rpx;
+  font-weight: 800;
+  color: #BE9962;
+}
+.profile{
+  box-sizing: border-box;
+  border-bottom: solid 1rpx rgba(229, 212, 174, 0.5);
+  border-right: solid 1rpx rgba(229, 212, 174, 0.5);
+}
+.environment{
+  box-sizing: border-box;
+  border-bottom: solid 1rpx rgba(229, 212, 174, 0.5);
+  border-left: solid 1rpx rgba(229, 212, 174, 0.5);
+}
+
+.culture{
+  box-sizing: border-box;
+  border-top: solid 1rpx rgba(229, 212, 174, 0.5);
+  border-right: solid 1rpx rgba(229, 212, 174, 0.5);
+}
+.benefits{
+  box-sizing: border-box;
+  border-top: solid 1rpx rgba(229, 212, 174, 0.5);
+  border-left: solid 1rpx rgba(229, 212, 174, 0.5);
+}
+
+
+.person-button{
+  width: 344px;
+height: 88px;
+background: #FFE084;
+border-radius: 10px;
+margin: 0 auto;
+margin-top: 20px;
+display: flex;
+flex-flow: row nowrap;
+justify-content: space-evenly;
+align-items: center;
+box-shadow: 0px 9px 9px 1px rgba(131, 131, 131, 0.16);
+}
+.head-img{
+  width: 55px;
+height: 55px;
+border-radius: 50%;
+}
+.welcome{
+  width: 105px;
+  height: 55px;
+}
+.person-center{
+  width: 88px;
+  height: 28px;
+  border-radius: 10px
+}
+
+.school-view{
+  width: 347px;
+  height: 147px;
+  margin: 20px auto;
+  margin-bottom: 60px;
+  /* box-shadow: 0px 9px 9px 1px rgba(131, 131, 131, 0.16); */
+}
+.school-img{
+  width: 347px;
+  height: 147px;
+  position: absolute;
+}
+.school-view-right{
+  position: relative;
+  left:165px ;
+  height: 147px;
+  width:183px;
+}
+.school-position{
+  width: 157px;
+  height: 45px;
+ margin-top: 20px;
+}
+.school-trip{
+  width: 157px;
+  height: 45px;
+  margin-top: 12px;
+  
+}

pages/person/person.json

@@ -4,6 +4,6 @@
   "navigationBarTextStyle": "black",
   "navigationBarTitleText": "个人中心",
   "backgroundColor": "#fff",
-  "backgroundTextStyle": "light"
-
+  "backgroundTextStyle": "light",
+  "navigationStyle":"custom"
 }

pages/person/person.wxml

@@ -1,6 +1,8 @@
 
 <!--pages/person/person.wxml-->
 <view class="container">
+
+    <view class="title">个人中心</view>
     <view class="person card" wx:if="{{hasUserInfo}}" bindtap = "gotoPersonInfo">
         <view class="person-info">
             <view class="user-name f18 c-202020" bindtap = "gotoPersonInfo">{{userInfo.nickName}}
@@ -25,7 +27,7 @@
             </view>
         </view>
         <view class="head-img">
-            <image class="defult-user" src="../../images/icons/defult-user.png">
+            <image class="defult-user" src="../../images/new/head_img.png">
 
             </image>
             

pages/person/person.wxss

@@ -1,9 +1,10 @@
 .container .person {
   display: flex;
-  height: 260rpx;
+  height: 200px;
   padding: 10rpx 30rpx;
   justify-content: space-between;
   align-items: center;
+  background-color: #FFE084;
 }
 
 .container .person .person-info {
@@ -35,18 +36,19 @@
 }
 
 .container .person .head-img image {
-  width: 180rpx;
-  height: 180rpx;
+  width: 140rpx;
+  height: 140rpx;
   border-radius: 50%;
 }
 
 .container .user-login {
   display: flex;
-  height: 260rpx;
+  height: 200px;
   padding: 10rpx 30rpx;
   border-bottom: 1px solid #ebeef5;
   background-size: cover;
   position: relative;
+  background-color: #FFE084;
 }
 
 .container .user-login .login-btn {
@@ -64,8 +66,8 @@
   width: 50rpx;
   height: 50rpx;
   position: absolute;
-  top: 122rpx;
-  right: 385rpx;
+  top: 136rpx;
+  right: 393rpx;
 }
 
 .container .user-login .defult-user {
@@ -133,3 +135,10 @@
   right: 30rpx;
   top: 45rpx;
 }
+.title{
+  width: 100%;
+  height: 20px;
+  text-align: center;
+  background-color: #FFE084;
+  padding-top: 50px;
+}

pages/prompt/prompt.json

@@ -1,5 +1,5 @@
 {
   "usingComponents": {},
-  "navigationBarTitleText": "首页"
+  "navigationBarTitleText": "授权页面"
   
 }

pages/prompt/prompt.wxml

@@ -1,15 +1,14 @@
 <!--pages/prompt/prompt.wxml-->
 <view class="container">
     <view class="logo">
-        <image class="logo-img" src="/images/icons/hsay.png"  >
+        <image class="logo-img" src="/images/new/logo.png">
             
         </image>
         <view class="info ">{{companyName}}</view>
     </view>
     <view class="desc">
         <view class="text-h f16">为提供更优质的服务，{{companyName}}需要获取以下信息：</view>
-        <view class="text-f ">
-            
+        <view class="text-f ">   
             你的公开信息（昵称，头像等）</view>
     </view>
     <view class="confirm">

pages/prompt/prompt.wxss

@@ -61,3 +61,6 @@
   font-weight: 400;
   background-color: #1296db;
 }
+.confirm > button{
+  background-color: #FF8364!important;
+}

pages/recruitInfo/recruitInfo.js

@@ -6,7 +6,7 @@ Page({
    * 页面的初始数据
    */
   data: {
-    imgUrl:'/images/icons/like_no.png',
+    imgUrl:'/images/new/like_no.png',
     recruitInfo:[],
   },
 
@@ -100,9 +100,9 @@ Page({
     var id  = this.data.id;
     var openid = wx.getStorageSync('openId');
     var result = await recruitApi.collectionRecruit(openid,id);
-    var imgUrl =  '/images/icons/like_no.png';
+    var imgUrl =  '/images/new/like_no.png';
     if(result.isDelete !=1){
-      imgUrl = '/images/icons/like_yes.png';
+      imgUrl = '/images/new/like_yes.png';
       wx.showToast({
         title: '已收藏',
         image:imgUrl,
@@ -143,9 +143,9 @@ Page({
   getRecruitLikeInfo: async function(openid) {
     var id =  this.data.id;
     var result = await recruitApi.getRecruitLikeInfo(id,openid);
-    var imgUrl =  '/images/icons/like_no.png';
+    var imgUrl =  '/images/new/like_no.png';
     if(result){
-       imgUrl =  '/images/icons/like_yes.png';
+       imgUrl =  '/images/new/like_yes.png';
     }
     this.setData({
       imgUrl:imgUrl

pages/recruitInfo/recruitInfo.json

@@ -2,7 +2,7 @@
   "usingComponents": {},
   "navigationBarBackgroundColor": "#fff",
   "navigationBarTextStyle": "black",
-  "navigationBarTitleText": "招聘详情",
+  "navigationBarTitleText": "职位详情",
   "backgroundColor": "#fff",
   "backgroundTextStyle": "light"
 

pages/recruitInfo/recruitInfo.wxml

@@ -30,7 +30,7 @@
   <view class="duty">
     <view class="duty_top">
       <view class="duty_top_l"></view>
-      <view class="duty_top_r">工作职责</view>
+      <view class="duty_top_r">岗位职责</view>
     </view>
     <view class="duty_desc">
       {{recruitInfo.duty}}
@@ -62,16 +62,19 @@
   </view>
 
   <view class="bottom">
+
+    <view class='weixin'>
+      <image src="/images/new/share.png" class="share_img"></image>
+      <button open-type="share" class='share_button'></button>
+      
+    </view>
     <view class="bottom_left" bindtap="saveLike">
       <image src="{{imgUrl}}" class="bottom_left_top"></image>
       <view class="bottom_left_bottom">
         收藏
       </view>
     </view>
-    <view class='weixin'>
-      <image src="/images/icons/share.png" class="share_img"></image>
-       <button open-type="share" class='share_button'></button>
-    </view>
+   
    
     <view class="bottom_right" bindtap="saveResume">投递简历</view>
   </view>

pages/recruitInfo/recruitInfo.wxss

@@ -11,7 +11,7 @@ Page {
 .info{
   background-color: #fff;
   width: 710rpx;
-  height: 300rpx;
+  height: 220rpx;
   display: flex;
   flex-flow: column nowrap;
   justify-content: space-around;
@@ -43,23 +43,30 @@ Page {
 .info_top_left{
   color: #43496a;
   font-size: 32rpx;
+  font-weight: 600;
+color: #000000
 }
 .info_top_right{
   color: #ff7c7c;
-  font-size: 28rpx;
+  font-size: 40rpx;
+  font-weight: bold;
+color: #FF8364;
 }
 
 .info_mid_left,.info_mid_right{
   font-size: 12px;
-  color: #b0b4ca;
+ 
+  font-weight: 500;
+color: #000000;
 }
 .info_bottom_1{
   font-size: 12px;
-  color: #b0b4ca;
+  color: #808080;
 }
 .info_bottom_2{
   font-size: 12px;
   margin-left: 10rpx;
+  color: #000000;
 }
 
 .duty{
@@ -75,7 +82,7 @@ Page {
 .duty_top_l{
   width: 10rpx;
   height: 40rpx;
-  background-color: rgb(93, 173, 226);
+  background-color: #FF8364;
   border-radius: 15rpx;
 }
 .duty_top_r{
@@ -102,7 +109,7 @@ Page {
 .bottom{
   display: flex;
   flex-flow: row nowrap;
-  justify-content: space-between;
+  justify-content: space-evenly;
   align-items: center;
   position: fixed;
   background-color: #fff;
@@ -154,11 +161,11 @@ Page {
   width: 50%;
   text-align: center;
   margin-right: 30rpx;
-  background-color:rgb(93, 173, 226);
+  background-color:#FF8364;
   height: 70rpx;
   color: #fff;
   line-height: 70rpx;
-  border-radius: 10rpx;
+  border-radius: 30rpx;
   margin-top: 15rpx;
 }
 

pages/sociology/sociology.wxml

@@ -3,14 +3,20 @@
 <view class="content" >
     <view class="header">
       <view class="top">
-        <image class="c_img" src="/images/icons/hsay.png"></image>
+        <image class="c_img" src="/images/new/logo.png"></image>
         <view class="top_right">
-          <view class="c_name">沪上阿姨</view>
-          <view class="desc">茶饮连锁品牌</view>
+          <!-- <view class="c_name">沪上阿姨</view>
+          <view class="desc">茶饮连锁品牌</view> -->
+          <view class="search_group">
+          <icon type="search" class="icon_search" color="#c2c6da"></icon>
+          <input type="text" placeholder="请输入您想要的职位" 
+          placeholder-class="input_text" bindinput="inputFocus" class="search_input" maxlength="30" value="{{searchinput}}"/>
+          <icon type="clear" class="icon_clear" color="#c2c6da" wx:if="{{showClear}}" bindtap="clearInput"></icon>
+        </view>
         </view>
         
       </view>
-      <view class="bottom">
+      <!-- <view class="bottom">
         <view class="search_group">
           <icon type="search" class="icon_search" color="#c2c6da"></icon>
           <input type="text" placeholder="请输入职位" 
@@ -19,7 +25,7 @@
         </view>
         <view bindtap="searchContents" class="search_aa">搜索</view>
        
-      </view>
+      </view> -->
     </view>
     <view class="info" bindtap="goToInfo" data-id="{{item.id}}" wx:for="{{recruitList}}" wx:if="{{recruitList.length>0}}">
       <view class="info_top">
@@ -28,14 +34,14 @@
       </view>
       <view class="info_mid">
         <view class="info_mid_left">
-          <view>{{item.workArea}}|</view>
-          <view>{{item.workingHours}}|</view>
-          <view>{{item.education}}</view>
+          <view class="info_mid_left_info" >{{item.workArea}}</view>
+          <view class="info_mid_left_info">{{item.workingHours}}</view>
+          <view class="info_mid_left_info">{{item.education}}</view>
         </view>
         <view class="info_mid_right">{{item.releaseTime}}</view>
       </view>
       <view class="info_bottom">
-        <image src="/images/icons/depart.png" class="info_bottom_img"></image>
+        <image src="/images/new/depart.png" class="info_bottom_img"></image>
         <view class="info_bottom_2">{{item.demandDepartment}}</view>
       </view>
     </view>

pages/sociology/sociology.wxss

@@ -10,7 +10,7 @@ Page {
 .header{
   background-color: #fff;
   width: 710rpx;
-  height: 300rpx;
+  height: 160rpx;
   display: flex;
   flex-flow: column nowrap;
   justify-content: space-around;
@@ -21,11 +21,12 @@ Page {
   display: flex;
   flex-flow: row nowrap;
   justify-content: left;
-  padding: 20rpx;
+  /* padding: 20rpx; */
 }
 .c_img{
-  height: 120rpx;
-  width: 160rpx;
+  height: 66rpx;
+  width: 66rpx;
+  margin-left: 30rpx;
 }
 .top_right{
   display: flex;
@@ -47,9 +48,9 @@ Page {
   justify-content: space-around;
   border: 2rpx solid #E6E6E6;
   border-radius: 50rpx;
-  height: 60rpx;
+  height: 50rpx;
   align-items: center;
-  width: 550rpx;
+  width: 500rpx;
 }
 .search_aa{
   width: 80rpx;
@@ -72,25 +73,26 @@ Page {
 
 .info{
   background-color: #fff;
-  width: 710rpx;
+  /* width: 710rpx; */
   height: 160rpx;
   display: flex;
   flex-flow: column nowrap;
   justify-content: space-around;
   border-radius: 10rpx;
   margin-bottom: 20rpx;
+  padding: 5px 15px;
 }
 .info_top,.info_mid,.info_bottom{
   display: flex;
   flex-flow: row nowrap;
   justify-content: space-between;
-  padding: 0 15rpx;
+  /* padding: 0 15rpx; */
 }
 .info_bottom{
   display: flex;
   flex-flow: row nowrap;
   justify-content: left;
-  padding: 0 15rpx;
+  /* padding: 0 15rpx; */
 }
 .info_mid_left{
   display: flex;
@@ -105,20 +107,30 @@ Page {
 .info_top_left{
   color: #43496a;
   font-size: 32rpx;
+  font-weight: 600;
+  width: 400rpx;
+  overflow: hidden;
+text-overflow:ellipsis;
+white-space: nowrap;
 }
 .info_top_right{
-  color: #ff7c7c;
-  font-size: 28rpx;
+  font-size: 32rpx;
+  font-weight: bold;
+  color: #FF8364
 }
 
 .info_mid_left,.info_mid_right{
-  font-size: 12px;
-  color: #b0b4ca;
+  font-size: 20rpx;
+font-weight: 500;
+color: #808080;
 }
 .info_bottom_2{
   font-size: 28rpx;
-  color: #777d9c;
+
   margin-left: 10rpx;
+  font-size: 12px;
+font-weight: 600;
+color: #6C6C6C;
 }
 .input_text{
   color: #c2c6da;
@@ -141,3 +153,6 @@ Page {
   height: 240rpx;
   width: 320rpx;
 }
+.info_mid_left_info{
+  background: #FF8364;border-radius: 6px;padding:1px 10px;color:#fff;margin-right:10rpx
+}

project.private.config.json

@@ -21,7 +21,7 @@
         {
           "name": "pages/recruitInfo/recruitInfo",
           "pathName": "pages/recruitInfo/recruitInfo",
-          "query": "",
+          "query": "id=1",
           "scene": null
         },
         {
@@ -45,6 +45,7 @@
         {
           "name": "pages/schoolTrip/schoolTrip",
           "pathName": "pages/schoolTrip/schoolTrip",
+          "query": "",
           "scene": null
         }
       ]