Pārlūkot izejas kodu

fix(招聘) 重构页面

xing.li 3 gadi atpakaļ
vecāks
revīzija
b65da1ef4d

+ 51 - 36
pages/person/person.wxml

@@ -1,57 +1,74 @@
-
 <!--pages/person/person.wxml-->
 <view class="container">
+    <view class="index-header">
+        <view class="title">个人中心</view>
+        <view class="user-login" wx:if="{{hasUserInfo}}">
+            <view class="user-info" bindtap="gotoResume">
+                <!-- <view class="user-name f18 c-202020" bindtap="gotoPersonInfo">{{userInfo.nickName}}</view> -->
+                <!-- <view class="tel c-707070 fw300">{{userInfo.mobile}}</view> -->
+                <!-- <button open-type="getPhoneNumber" catchgetphonenumber="getMobile" class="login-btn" wx:if="{{!userInfo.mobile}}" >获取手机号</button> -->
 
-    <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}}
-                <!-- <image class="next" src="../../images/icons/next.png" >
-                </image> -->
+                <view class="nick-name">{{userInfo.nickName}}</view>
+                <view class="edit-text-view">
+                    <image class="edit-icon" src="/images/new/edit.png"></image>
+                    <view class="edit-text">我的在线简历</view>
+                </view>
             </view>
-            <!-- <view class="tel c-707070 fw300">{{userInfo.mobile}}</view> -->
-            <!-- <button open-type="getPhoneNumber" catchgetphonenumber="getMobile" class="login-btn" wx:if="{{!userInfo.mobile}}" >获取手机号</button> -->
-        </view>
-        <view class="head-img">
-            <image class="" src="{{userInfo.avatarUrl}}">
+
+            <image class="head-img" src="{{userInfo.avatarUrl}}">
             </image>
+
         </view>
-    </view>
-    <view wx:else class="user-login">
-        <view class="person-info">
-            <view class="user-name f18 c-202020">
-                <button bindtap="getUserProfile" class="login-btn"
-            style="height: 100px;width: 200px;">请点击登录</button>
-                <image class="next" src="../../images/icons/next.png">
-                </image>
+        <view wx:else class="user-login">
+            <view class="login-info">
+                <button bindtap="getUserProfile" class="login-btn">请点击登录</button>
+                <!-- <image class="next" src="../../images/new/right_arrow.png">
+                    </image> -->
             </view>
-        </view>
-        <view class="head-img">
-            <image class="defult-user" src="../../images/new/head_img.png">
 
+            <image class="head-img" src="../../images/new/head_img.png">
             </image>
-            
-        </view>
-        
 
+        </view>
 
+        <view class="opta-view">
+            <view bindtap="gotoRecord" class="record-view">
+                <view class="opta-view-num">0</view>
+                <view class="opta-view-text">已投简历</view>
+            </view>
+            <view bindtap="gotoRecord" class="record-yes-view">
+                <view class="opta-view-num">0</view>
+                <view class="opta-view-text">待面试</view>
+            </view>
+            <view bindtap="gotoCollection" class="collection-view">
+                <view class="opta-view-num">0</view>
+                <view class="opta-view-text">已收藏</view>
+            </view>
+        </view>
     </view>
-    <view class="order" bindtap = "gotoResume">
+    <image mode="widthFix" src="https://geek-test-hk.oss-cn-hongkong.aliyuncs.com/test/666.png"
+        style="width:100%"></image>
+
+        <view class="remind">
+        <view>沪上阿姨提醒您</view>
+        <view> 您投递的茶饮师职位正在初筛中</view>
+        <view> 如合适我们将在三个同昨日内与您电话沟通,请注意接听</view>
+        <view> 如果您的简历没有通过初筛</view>
+        <view> 可能是部分岗位要求不太符合,我们期待与您下一次的合作</view>
+        </view>
+    <!-- <view class="order" bindtap = "gotoResume">
         <image class="icons" src="../../images/icons/jianli.png">
         </image>
         <view class="order-text">我的简历
         </view>
-        <image class="next-gray" src="../../images/icons/next-gray.png">
-        </image>
+       
     </view>
     <view class="assess" bindtap = "gotoRecord">
         <image class="icons" src="../../images/icons/jilu.png"></image>
         <view class="assess-text">投递记录
 
         </view>
-        <image class="next-gray" src="../../images/icons/next-gray.png">
-
-        </image>
+       
     </view>
 
     <view class="assess" bindtap = "gotoCollection">
@@ -59,8 +76,6 @@
         <view class="assess-text">我的收藏
 
         </view>
-        <image class="next-gray" src="../../images/icons/next-gray.png">
-
-        </image>
-    </view>
+       
+    </view> -->
 </view>

+ 116 - 26
pages/person/person.wxss

@@ -30,8 +30,8 @@
 }
 
 .container .person .head-img {
-  width: 180rpx;
-  height: 180rpx;
+  width: 140rpx;
+  height: 140rpx;
   border-radius: 50%;
 }
 
@@ -43,39 +43,93 @@
 
 .container .user-login {
   display: flex;
-  height: 200px;
-  padding: 10rpx 30rpx;
-  border-bottom: 1px solid #ebeef5;
-  background-size: cover;
-  position: relative;
-  background-color: #FFE084;
+  flex-flow: row nowrap;
+  justify-content: space-between;
+  height: 70px;
+  margin-top: 42px;
+}
+
+
+.collection-view {
+  text-align: center;
+  margin-right:44px ;
+}
+.record-yes-view{
+  text-align: center;
+}
+
+.record-view{
+  text-align: center;
+  margin-left:55px ;
+}
+
+.opta-view-text {
+  font-size: 14px;
+  font-weight: 600;
+  color: #000000;
+  margin-top: 5px;
+}
+
+.opta-view-num {
+  font-size: 20px;
+  font-weight: 600;
+  color: #FF8364;
+}
+
+.login-info {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: left;
+  align-items: center;
 }
 
 .container .user-login .login-btn {
   background-color: transparent;
-  position: absolute;
-  line-height: 100px;
-  top: 14%;
   font-weight: 400;
-  letter-spacing: 5rpx;
-  line-height: 88px;
-  text-align: left;
+  text-align: center;
 }
 
 .container .user-login .next {
   width: 50rpx;
   height: 50rpx;
-  position: absolute;
-  top: 136rpx;
-  right: 393rpx;
 }
 
-.container .user-login .defult-user {
-  width: 150rpx;
-  height: 150rpx;
-  position: absolute;
-  top: 70rpx;
-  right: 65rpx;
+ .head-img {
+  width: 140rpx;
+  height: 140rpx;
+  margin-right: 32px;
+  border-radius: 50%;
+}
+.user-info{
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: left;
+
+  width: 150px;
+  margin-left: 55px;
+}
+.nick-name{
+  font-size: 22px;
+font-weight: bold;
+color: #000000;
+}
+.edit-text-view{
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: left;
+  margin-top: 5px;
+  align-items: center;
+}
+.edit-icon{
+width: 14px;
+height: 14px;
+}
+.edit-text{
+  font-size: 14px;
+font-family: Source Han Sans CN;
+font-weight: 600;
+color: #000000;
+margin-left: 5px;
 }
 
 .container .order {
@@ -135,10 +189,46 @@
   right: 30rpx;
   top: 45rpx;
 }
-.title{
+
+.title {
   width: 100%;
-  height: 20px;
+  height: 30px;
   text-align: center;
+  margin-top: 50px;
+  line-height: 30px;
+  font-size: 14px;
+}
+
+.gotoRecord {
+  margin-left: 55px;
+}
+
+.opta-view {
+  height: 60px;
+  width: 100%;
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: 12px;
+}
+
+.index-header {
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: left;
+  height: 280px;
   background-color: #FFE084;
-  padding-top: 50px;
 }
+.remind{
+  width: 320px;
+  height: 200px;
+  z-index: 999;
+  margin: 0 auto;
+  border-radius: 20px;
+  background-color: #fff;
+  box-shadow: 0px 9px 9px 9px rgba(131, 131, 131, 0.16);
+  position: relative;
+  top: -322px;
+
+}

+ 1 - 1
pages/schoolTrip/schoolTrip.wxml

@@ -2,7 +2,7 @@
 
 <view class="content" >
   <view class="no_data_view">
-    <image src='/images/icons/no_data.png' class="no_data_img"></image>
+    <image src='/images/new/no_data.png' class="no_data_img"></image>
   <view class="text">
  暂无数据
 </view>

+ 6 - 0
project.private.config.json

@@ -47,6 +47,12 @@
           "pathName": "pages/schoolTrip/schoolTrip",
           "query": "",
           "scene": null
+        },
+        {
+          "name": "pages/person/person",
+          "pathName": "pages/person/person",
+          "query": "",
+          "scene": null
         }
       ]
     }