feat 首页适配自己手机

IOReportSysMP/miniprogram/pages/index/index.scss

@@ -1,3 +1,9 @@
+.index-container {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  height: 80vh;
   .banner {
     display: flex;
 
@@ -13,11 +19,13 @@
     flex-direction: column;
     $btn-item-height: 120rpx;
     $btn-item-icon: 116rpx;
+
     .btn-item {
       display: flex;
       // border-bottom: 1px solid gray;
       justify-content: center;
       align-items: center;
+
       image {
         background-color: rgb(146, 206, 248);
         width: $btn-item-icon;
@@ -38,6 +46,7 @@
       font-weight: 600;
       color: black;
       display: block;
+
       &::after {
         content: "";
         border-bottom: rgba(128, 128, 128, 0.3) solid 1px;
@@ -45,3 +54,4 @@
       }
     }
   }
+}

IOReportSysMP/miniprogram/pages/index/index.wxml

@@ -1,6 +1,6 @@
 <navigationBar onlyStations title="教师进出校管理系统">
 </navigationBar>
-<view>
+<view class="index-container">
   <view class="banner">
     <image src="/asset/banenr.png"></image>
   </view>