123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960 |
- .container {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- height: 100vh;
- background-color: #f5f5f5;
- }
- .time {
- font-size: 48px;
- font-weight: bold;
- margin-bottom: 20px;
- }
- .login-text {
- font-size: 24px;
- margin-bottom: 20px;
- }
- .image-container {
- width: 100%; /* 容器宽度 */
- display: flex;
- justify-content: center; /* 图片水平居中 */
- margin-bottom: 20px; /* 图片与下方文字的距离 */
- }
- .auto-image {
- width: 150px; /* 图片宽度 */
- height: auto; /* 高度自动调整,保持比例 */
- margin-left: 10%;
- }
- .action-text {
- font-size: 18px;
- font-weight: bold;
- margin-bottom: 20px;
- color: #07c160;
- }
- .auth-button {
- background-color: #07c160;
- color: white;
- font-size: 18px;
- padding: 8px 20px; /* 调整内边距,降低高度 */
- border-radius: 5px;
- margin-bottom: 20px;
- width: 100%; /* 按钮宽度为屏幕宽度的90% */
- }
- .agreement {
- font-size: 30rpx; /* 12px ≈ 24rpx */
- width: 85%; /* 宽度与按钮一致 */
- white-space: nowrap; /* 防止文字换行 */
- }
- .link {
- color: #07c160;
- text-decoration: underline;
- }
|