| | |
| | | .login-container { |
| | | display: flex; |
| | | flex-direction: column; |
| | | align-items: center; |
| | | justify-content: flex-end; |
| | | height: 80vh; |
| | | |
| | | width: 100%; |
| | | } |
| | | |
| | | |
| | |
| | | border: 1px solid #ccc; |
| | | border-radius: 5px; |
| | | background-color: #fff; |
| | | |
| | | font-size: 35rpx; |
| | | padding-left: 15rpx; |
| | | } |
| | | |
| | | |
| | | .input-wrapper { |
| | | width: 70%; |
| | | |
| | | display: flex; |
| | | /* 使用 Flex 布局使 text 和 input 在同一行 */ |
| | | align-items: center; |
| | | justify-content: center; |
| | | margin-bottom: 15px; |
| | | |
| | | margin-bottom: 40rpx; |
| | | margin-left: 40rpx; |
| | | margin-right: 40rpx; |
| | | |
| | | } |
| | | |
| | | .input-label { |
| | | flex: 1; /* 让值占据剩余空间 */ |
| | | flex: 1; |
| | | /* 让值占据剩余空间 */ |
| | | align-items: left; |
| | | width: 150px; |
| | | margin-right: 10px; |
| | | font-size: 16px; |
| | | width: 150rpx; |
| | | margin-right: 10rpx; |
| | | font-size: 31rpx; |
| | | color: #fff; |
| | | font-weight: bold; |
| | | text-align: justify; |
| | |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | .login-button{ |
| | | |
| | | .login-button { |
| | | margin-top: 50rpx; |
| | | margin-left: 40rpx; |
| | | margin-right: 40rpx; |
| | | height: 90rpx; |
| | | justify-content: center; /* 水平居中 */ |
| | | align-items: center; /* 垂直居中 */ |
| | | display: flex; |
| | | } |
| | | |
| | | .code-button { |
| | | width: 50%; |
| | | font-size: 30rpx; |
| | | margin-left: 15rpx; |
| | | } |