修改登录页

Flex

2025-04-21 243d1333860313d9dedbdba0a0e6765c81edfaad

修改登录页

 easegen-front/src/assets/imgs/bei2.png

Binary files differ

 easegen-front/src/assets/imgs/bei3.png

 easegen-front/src/assets/imgs/bei4.png

 easegen-front/src/views/Login/Login.vue

@@ -1,6 +1,10 @@
<template>
  <div class="bei">
      <div class="">
        <!-- 左侧图片 -->
         <div class="Left-img" >
            <img src="@/assets/imgs/bei4.png" alt=""/>
         </div>
        <!-- 右边的登录界面 -->
        <Transition appear enter-active-class="animate__animated animate__bounceInRight">
          <div class="form-box">
@@ -54,7 +58,7 @@
.bei{
  width: 100%;
  height: 100%;
  background-image: url('@/assets/imgs/bei2.png');
  background-image: url('@/assets/imgs/bei3.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
@@ -67,4 +71,31 @@
  margin-top: 30vh;
  margin-right: 10vw;
}

.Left-img{
  float: left;
  width: 50%;
  margin-top: 4vh;
}

.Left-img img{
  width: 100%;
}

@media screen and ( max-width: 1300px )  {

  .form-box{
    width: 80%;
    float: left;
    margin-left: 10%;
    margin-right: 0;
    margin-top: calc( 50vh - 100px );
  }

  .Left-img{
    display: none;
  }
  
}

</style>