| | |
| | | <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"> |
| | |
| | | .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; |
| | | } |
| | |
| | | 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> |