修改了首页的样式

ghsApp/src/pagesClient/official/index.vue

@@ -6,8 +6,10 @@
       <view @click="pageTo({url: '/pagesClient/official/pay',query:{...option}})" class="free_register">免费注册</view>
     </view>
     <view class="main">
-      <image @click="pageTo({url: '/pagesClient/official/pay',query:{...option}})" class="banner" :src="`${constant.imgUrl}/ghs/home_page/banner.png`"></image>
-
+      <view class="banner_box">
+        <image @click="pageTo({url: '/pagesClient/official/pay',query:{...option}})" class="banner" :src="`${constant.imgUrl}/ghs/home_page/banner.png`"></image>
+        <view>立即申请</view>
+      </view>
       <image class="pic1" :src="`${constant.imgUrl}/ghs/home_page/pic01.png`"></image>
       <view class="intro">
         <view v-for="(item, index) in list1" :key="index">
@@ -125,7 +127,7 @@ export default {
   &>image{
     width: 190upx;
     height: 49upx;
-    background-color: #eee;
+    // background-color: #eee;
   }
   &>.free_register{
     width: 200upx;
@@ -135,16 +137,40 @@ export default {
     border-radius: 30upx;
     text-align: center;
     font-size: 32px;
-    color: #FFFFFF;
+    color: #FFFFFF;  
   }
 }
 .main{
   margin: 100upx 0;
   padding-bottom: 70upx;
-  &>.banner{
+  &>.banner_box{
     width: 100vw;
     height: 750upx;
-    background-color: #eee;
+    position: relative;
+    &>image{
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      background-color: #eee;
+      z-index: 1;
+    }
+    &>view{
+      position: absolute;
+      bottom: 170upx;
+      left: 50%;
+      z-index: 2;
+      transform: translateX(-50%);
+      width: 376px;
+      height: 90px;
+      line-height: 90upx;
+      text-align: center;
+      font-size: 38upx;
+      color: #FFFFFF;
+      background: linear-gradient(90deg, #3385FF, #33B0FF);
+      border-radius: 45px;
+    }
   }
   &>.pic1{
     width: 100vw;