From a9f82558d142feb267e2c899c7848c8131362d73 Mon Sep 17 00:00:00 2001
From: GPU is all you need <2778335106@qq.com>
Date: Mon, 17 Oct 2022 12:24:34 +0800
Subject: [PATCH] =?UTF-8?q?feat=20=E9=A6=96=E9=A1=B5=E9=80=82=E9=85=8D?=
 =?UTF-8?q?=E8=87=AA=E5=B7=B1=E6=89=8B=E6=9C=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../miniprogram/pages/index/index.scss        | 82 +++++++++++--------
 .../miniprogram/pages/index/index.wxml        |  2 +-
 2 files changed, 47 insertions(+), 37 deletions(-)

diff --git a/IOReportSysMP/miniprogram/pages/index/index.scss b/IOReportSysMP/miniprogram/pages/index/index.scss
index 5a40a4c..8a4cd2c 100644
--- a/IOReportSysMP/miniprogram/pages/index/index.scss
+++ b/IOReportSysMP/miniprogram/pages/index/index.scss
@@ -1,47 +1,57 @@
-.banner {
-  display: flex;
-
-  image {
-    width: 200px;
-    height: 150px;
-    margin: 30px auto;
-  }
-}
-
-.btn-list {
+.index-container {
   display: flex;
   flex-direction: column;
-  $btn-item-height: 120rpx;
-  $btn-item-icon: 116rpx;
-  .btn-item {
+  justify-content: center;
+  align-items: center;
+  height: 80vh;
+  .banner {
     display: flex;
-    // border-bottom: 1px solid gray;
-    justify-content: center;
-    align-items: center;
+
     image {
-      background-color: rgb(146, 206, 248);
-      width: $btn-item-icon;
-      height: $btn-item-icon;
-      border-radius: 100%;
-      position: relative;
-      right: 15px;
-      margin: ($btn-item-height - $btn-item-icon) / 2;
-      box-shadow: rgba(128, 128, 128, 0.3) 1px 4px 5px 0.5px;
+      width: 200px;
+      height: 150px;
+      margin: 30px auto;
     }
   }
 
-  text {
-    border-radius: 25rpx;
-    height: $btn-item-height;
-    line-height: $btn-item-height;
-    font-size: 32px;
-    font-weight: 600;
-    color: black;
-    display: block;
-    &::after{
-      content: "";
-      border-bottom: rgba(128, 128, 128, 0.3) solid 1px;
+  .btn-list {
+    display: flex;
+    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;
+        height: $btn-item-icon;
+        border-radius: 100%;
+        position: relative;
+        right: 15px;
+        margin: ($btn-item-height - $btn-item-icon) / 2;
+        box-shadow: rgba(128, 128, 128, 0.3) 1px 4px 5px 0.5px;
+      }
+    }
+
+    text {
+      border-radius: 25rpx;
+      height: $btn-item-height;
+      line-height: $btn-item-height;
+      font-size: 32px;
+      font-weight: 600;
+      color: black;
       display: block;
+
+      &::after {
+        content: "";
+        border-bottom: rgba(128, 128, 128, 0.3) solid 1px;
+        display: block;
+      }
     }
   }
 }
\ No newline at end of file
diff --git a/IOReportSysMP/miniprogram/pages/index/index.wxml b/IOReportSysMP/miniprogram/pages/index/index.wxml
index a1432ff..1504612 100644
--- a/IOReportSysMP/miniprogram/pages/index/index.wxml
+++ b/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>