招聘首页设置

pages/index/index.wxml

@@ -1,8 +1,7 @@
 <view class="container">
   <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">
+    <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>
@@ -11,37 +10,37 @@
     </swiper>
   </view>
   <view class="content-all">
-    
+
     <view class="person-button" bindtap="gotoPerson">
       <image class="head-img" src="{{userInfo.headerImg}}"></image>
       <view>
-        <view style="font-weight:500">Hi, {{userInfo.nickName}}</view>
-        <view style="font-weight:800;font-style: oblique;margin-top:10rpx;font-size:36rpx">期待您的加入</view>
+        <view style="font-weight:600">HI, {{userInfo.nickName}}</view>
+        <view style="font-weight:800;margin-top:10rpx;font-size:36rpx">期待您的加入</view>
+      </view>
+      <!-- <image class="person-center" src="/images/new/person_center.png"></image> -->
+      <view class="person-center-text flex-column">
+        <view class="text-style">个人中心 ></view>
       </view>
-      <image class="person-center" src="/images/new/person_center.png"></image>
     </view>
 
     <view class="content-bottom">
-      <image class="content-bottom-left" src="/images/new/introduce.png" bindtap="gotoCompanyProfile"></image>
-      <view class="content-bottom-right">
-      <image  class="culture" src="/images/new/culture.png" bindtap="gotoCorporateCulture"></image>
-      <view class="content-bottom-right-bottom">
-        <image  class="environment" src="/images/new/environment.png" bindtap="gotoWorkEnvironment"></image>
-        <image  class="treatment" src="/images/new/treatment.png" bindtap="gotoEmployeeBenefits"></image>
-      </view>
+      <view>
+        <!-- 公司简介 -->
+        <image class="content-bottom-style" src="/images/new/company-profile.png" bindtap="gotoCompanyProfile"></image>
+        <!-- 工作环境 -->
+        <image class="content-bottom-style" src="/images/new/work-environment.png" bindtap="gotoWorkEnvironment"></image>
       </view>
-    </view>
-    <view class="content-top">
-      <view class="content-top-v" style="margin-left:50px">
-        <image class="school-position" src="/images/new/school_position.png" bindtap="gotoSchool"></image>
-        <view class="content-top-text">校招岗位</view>
+      <view>
+        <!-- 企业文化 -->
+        <image class="content-bottom-style" src="/images/new/corporate-culture.png" bindtap="gotoCorporateCulture"></image>
+        <!-- 福利待遇 -->
+        <image class="content-bottom-style" src="/images/new/fringe-benefits.png" bindtap="gotoEmployeeBenefits"></image>
       </view>
 
-      <view class="top-line"></view>
-      <view class="content-top-v" style="margin-right:50px">
-        <image class="school-position" src="/images/new/school_trip.png" bindtap="gotoSchoolTrip"></image>
-        <view class="content-top-text">校招行程</view>
-      </view>
+    </view>
+    <view class="content-lower">
+      <image class="school-style" src="/images/new/recruitment-post.png" bindtap="gotoSchool"></image>
+      <image class="school-style" src="/images/new/enrollment-schedule.png" bindtap="gotoSchoolTrip"></image>
     </view>
   </view>
 

pages/index/index.wxss

@@ -4,6 +4,22 @@ Page {
   background-color: #F7F7F7;
 }
 
+/* 垂直方向布局，水平居中 **/
+.flex-column{
+  display: flex;
+  flex-flow: column nowrap;
+  align-items: center;
+  justify-content: left;
+}
+
+/* 水平方向布局，垂直居中 **/
+.flex-row{
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: center;
+  justify-content: center;
+}
+
 .container {
   width: 100%;
   background-color: #F7F7F7;
@@ -150,7 +166,7 @@ Page {
   justify-content: space-evenly;
   align-items: center;
   position: relative;
-  /* box-shadow: 0px 9px 9px 1px rgba(131, 131, 131, 0.16); */
+  box-shadow: 0px 8px 8px 1px rgba(131, 131, 131, 0.16);
 }
 
 .head-img {
@@ -170,6 +186,19 @@ Page {
   border-radius: 10px
 }
 
+.person-center-text{
+  width: 88px;
+  height: 28px;
+  border-radius: 6px;
+  background-color: #333333;
+  justify-content: center;
+}
+
+.text-style{
+  font-size: 14px;
+  color: #FFFFFFFF;
+}
+
 .school-view {
   width: 347px;
   height: 147px;
@@ -243,12 +272,12 @@ background: #909090;
   color: #3E3A39;
 }
 .content-bottom{
-  width: 344px;
-  height: 180px;
+  width: 374px;
+  height: 304px;
   margin-top: 8px;
   display: flex;
   flex-flow: row nowrap;
-  justify-content: left;
+  justify-content: center;
   align-items: center;
 }
 .content-bottom-left{
@@ -280,4 +309,19 @@ background: #909090;
   width: 106px;
   height: 93px;
   margin-left: 6px;
+}
+
+.content-bottom-style{
+  width: 187px;
+  height: 152px;
+}
+
+.content-lower{
+  width: 374px;
+  height: 151px;
+}
+
+.school-style{
+  width: 187px;
+  height: 151px;
 }