main

pages/index.vue

@@ -49,9 +49,9 @@ export default {
 
 .home {
   width: 100%;
-  min-width: 810px;
+  min-width: 8.1rem;
   height: 100%;
-  min-height: 600px;
+  min-height: 6rem;
 }
 .imagesList{
     position: fixed;

pages/index/index.vue

@@ -2,13 +2,14 @@
   <div class="homepage" >
     <div class="content flex">
       <div class="banner">
-        <el-carousel trigger="click" height="5.41rem" width="10rem" class="car">
+        <!-- <el-carousel trigger="click" height="4.21rem" width="100%" class="car">
           <el-carousel-item v-for="(item,index) in picArr" :key="index">
               <img :src="item.picUrl" alt="" class="src-img">
           </el-carousel-item>
-        </el-carousel>
+        </el-carousel> -->
+        <img src="~/assets/images/back.png" style="height:4.21rem">
       </div>
-      <div class="login" @mouseover="changeOver" >
+      <div class="login"  >
         <div class="author" >
           <img src="~/assets/css/user.png">
         </div>
@@ -221,9 +222,9 @@ import Cookies from "js-cookie"
         this.picArr = data
       },
       //移入显示退出按钮
-      changeOver(){
+      /* changeOver(){
         this.isshow = true
-      },
+      }, */
       //添加退出按钮 清空token
       checkout(){
         Cookies.remove("token")
@@ -286,7 +287,7 @@ import Cookies from "js-cookie"
 }
   .banner {
     width:100%;
-    height: 421px;
+    height: 4.21rem;
   }
 
   .el-carousel__item h3 {
@@ -306,9 +307,10 @@ import Cookies from "js-cookie"
   }
 
   .login {
-    width: 260px;
-    height: 328px;
+    width: 2.6rem;
+    height: 3.28rem;
     border: .01rem solid rgba(220, 220, 220, 1);
+    padding-bottom: .2rem;
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -345,7 +347,7 @@ import Cookies from "js-cookie"
   }
 
   .login>.author{
-    margin-top: 0.6rem;
+    margin-top: 0.2rem;
     width: .60rem;
     height: .60rem;
     border-radius: 50%;