Pārlūkot izejas kodu

首页样式调整

kk.shi 3 gadi atpakaļ
vecāks
revīzija
b312a46707

BIN
images/new/company-profile.png


BIN
images/new/corporate-culture.png


BIN
images/new/enrollment-schedule.png


BIN
images/new/fringe-benefits.png


BIN
images/new/recruitment-post.png


BIN
images/new/work-environment.png


+ 3 - 4
pages/index/index.wxml

@@ -23,20 +23,19 @@
       </view>
     </view>
 
-    <view class="content-bottom">
-      <view>
+    <view class="content-bottom flex-column">
+      <view class="info-style">
         <!-- 公司简介 -->
         <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="info-style">
         <!-- 企业文化 -->
         <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>
     <view class="content-lower flex-row">
       <view class="lower-style">

+ 16 - 9
pages/index/index.wxss

@@ -166,7 +166,7 @@ Page {
   justify-content: space-evenly;
   align-items: center;
   position: relative;
-  box-shadow: 0px 4px 4px 1px rgba(131, 131, 131, 0.16);
+  box-shadow: 4px 4px 20px 0px rgba(90,90,90,0.3);
 }
 
 .head-img {
@@ -187,9 +187,9 @@ Page {
 }
 
 .person-center-text{
-  width: 88px;
-  height: 28px;
-  border-radius: 6px;
+  width: 84px;
+  height: 27px;
+  border-radius: 5px;
   background-color: #333333;
   justify-content: center;
 }
@@ -272,13 +272,20 @@ background: #909090;
   color: #3E3A39;
 }
 .content-bottom{
-  width: 374px;
-  height: 304px;
   margin-top: 10px;
   display: flex;
   flex-flow: row nowrap;
   justify-content: center;
   align-items: center;
+  background-color: #FFFFFFFF;
+  border-radius: 10px;
+  box-shadow: 2px 2px 10px 0px rgba(90,90,90,0.3);
+  margin-bottom: 14px;
+}
+
+.info-style{
+  width: 172px;
+  height: 292px;
 }
 .content-bottom-left{
   width: 119px;
@@ -312,8 +319,8 @@ background: #909090;
 }
 
 .content-bottom-style{
-  width: 187px;
-  height: 152px;
+  width: 172px;
+  height: 144px;
 }
 
 .content-lower{
@@ -326,7 +333,7 @@ background: #909090;
 .lower-style{
   width: 346px;
   height: 131px;
-  box-shadow: 0px 8px 8px 1px rgba(131, 131, 131, 0.16);
+  box-shadow: 4px 4px 20px 0px rgba(90,90,90,0.3);
 }
 
 .school-style{