updata

pages/index/index.vue

 <template>
   <div class="homepage" >
-    <div class="content flex">
+    <div class="content ">
       <div class="banner">
         <!-- <el-carousel trigger="click" height="4.21rem" width="100%" class="car">
           <el-carousel-item v-for="(item,index) in picArr" :key="index">
@@ -9,6 +9,7 @@
         </el-carousel> -->
         <img src="~/assets/images/back.png" style="height:5.3rem;width:100%">
       </div>
+        <div class="loginbox">
           <div class="login"  >
             <div class="author" >
               <img src="~/assets/css/user.png">
@@ -23,6 +24,7 @@
           </div>
         </div>
       </div>
+    </div>
     <div class=" message">
       <div v-for="(item,index) in messageList" :key="index" class="message-item">
         <div class=" t12">{{item.head}}</div>
@@ -317,8 +319,8 @@ import Cookies from "js-cookie"
     position: absolute;
     /* left:1040px;
     top:214px; */
-    left:63%; 
-    top:30%;
+    top:-310px;
+    right:0;
     background: #FFFFFF;
     z-index:9999
   }
@@ -492,4 +494,12 @@ import Cookies from "js-cookie"
     line-height: 24px;
         
   }
+  .loginbox{
+    width:12rem;
+    margin:0 auto;
+    position: relative;
+    /* height:5.3rem; */
+    /* top:-310px; */
+    z-index:99999
+  }
 </style>