du
2025-04-21 4d6d82473527cdb9a3d93f381f88e5a00108c79b
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>