top

miniprogram/pages/home/home.wxml

@@ -1,8 +1,9 @@
-<view class="header" style="height: {{statusHeight + navigationHeight}}px;">
+<view class="header" >
     <image class="header-bg" src="../../images/main/home_top.png" mode="widthFix" />
     <view class="navigation" style="height: {{navigationHeight}}px; top: {{statusHeight}}px;">
         首页
     </view>
+   
 </view>
 <view class="bgw">
     <view class="gridouter">

miniprogram/pages/home/home.wxss

@@ -6,20 +6,25 @@ page {
 }
 
 .header {
-    position: fixed;
+  
     width: 100%;
+    height:484rpx;
+    /* position: fixed;
     top: 0;
     left: 0;
-    z-index: 1000;
+    z-index: 1000; */
 }
 
 .header .header-bg {
     width: 100%;
     height: 100%;
-    position: absolute;
+    /* position: absolute;
     z-index: 10;
     left: 0;
-    top: 0;
+    top: 0; */
+    position: fixed;
+    height: 100%;
+    z-index: -999;
 }
 
 .header .navigation {
@@ -49,7 +54,8 @@ page {
     position: absolute;
     top: 0;
     left: 0;
-    z-index: 10;
+    z-index: 0;
+   
 }
 
 .belong-grid .grid {
@@ -134,12 +140,26 @@ page {
     font-size: 36rpx;
     color: #04BCA0;
 }
-
+.bgw{
+    background-color: #fff;
+    margin:20rpx;
+    margin-top: -50rpx;
+    border-radius: 20rpx;
+   padding:40rpx 30rpx;
+   box-sizing: border-box;
+   z-index: 1;
+}
 .gridouter{
     display: flex;
+    justify-content: space-around;
+  
 }
 .grid {
     width: 25%;
+    text-align: center;
+    font-size: 28rpx;
+    line-height:56rpx;
+    color: #333333;
 }
 
 .grid image {