| | |
| | | <template> |
| | | <div>1</div> |
| | | <div class="login-page"> |
| | | <div class="login-content"> |
| | | |
| | | </div> |
| | | </div> |
| | | </template> |
| | | <script> |
| | | export default { |
| | |
| | | } |
| | | } |
| | | </script> |
| | | <style scoped></style> |
| | | <style scoped lang="less"> |
| | | .login-page { |
| | | width: 100%; |
| | | height: 100vh; |
| | | background: url('../../assets/login/backGround@2x.png') no-repeat center center; |
| | | background-size: 100% 100%; |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | |
| | | .login-content { |
| | | width: 550px; |
| | | height: 694px; |
| | | background: #fff; |
| | | box-shadow: 0px 20px 30px 0px rgba(0, 97, 95, 0.2); |
| | | border-radius: 20px; |
| | | border: 4px solid #FFFFFF; |
| | | } |
| | | |
| | | |
| | | |
| | | } |
| | | </style> |