| | |
| | | </script> |
| | | |
| | | <style scoped lang="scss"> |
| | | @media screen and (min-width: 1200px){ |
| | | .loginContent{ |
| | | display: flex; |
| | | justify-content: space-around; |
| | | padding: 0 200px; |
| | | } |
| | | .loginContL { |
| | | font-size: 60px; |
| | | font-weight: bold; |
| | | margin-bottom: 100px; |
| | | } |
| | | } |
| | | @media screen and (min-width: 960px) and (max-width: 1200px){ |
| | | .loginContent{ |
| | | display: flex; |
| | | justify-content: space-between; |
| | | padding: 0 40px; |
| | | } |
| | | .loginContL { |
| | | font-size: 40px; |
| | | font-weight: bold; |
| | | margin-bottom: 80px; |
| | | } |
| | | } |
| | | .login-container { |
| | | width: 100%; |
| | | height: 100%; |
| | |
| | | } |
| | | .loginContent { |
| | | width: 100%; |
| | | padding: 0 200px; |
| | | display: flex; |
| | | flex-wrap: wrap; |
| | | align-items: center; |
| | | justify-content: space-around; |
| | | margin-bottom: 60px; |
| | | |
| | | .loginContL { |
| | | width: 100%; |
| | | font-size: 60px; |
| | | font-weight: bold; |
| | | margin-bottom: 100px; |
| | | |
| | | .apTitleT { |
| | | color: #fff; |