login.wxss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. .container {
  2. display: flex;
  3. flex-direction: column;
  4. align-items: center;
  5. justify-content: center;
  6. height: 100vh;
  7. background-color: #f5f5f5;
  8. }
  9. .time {
  10. font-size: 48px;
  11. font-weight: bold;
  12. margin-bottom: 20px;
  13. }
  14. .login-text {
  15. font-size: 24px;
  16. margin-bottom: 20px;
  17. }
  18. .image-container {
  19. width: 100%; /* 容器宽度 */
  20. display: flex;
  21. justify-content: center; /* 图片水平居中 */
  22. margin-bottom: 20px; /* 图片与下方文字的距离 */
  23. }
  24. .auto-image {
  25. width: 150px; /* 图片宽度 */
  26. height: auto; /* 高度自动调整,保持比例 */
  27. margin-left: 10%;
  28. }
  29. .action-text {
  30. font-size: 18px;
  31. font-weight: bold;
  32. margin-bottom: 20px;
  33. color: #07c160;
  34. }
  35. .auth-button {
  36. background-color: #07c160;
  37. color: white;
  38. font-size: 18px;
  39. padding: 8px 20px; /* 调整内边距,降低高度 */
  40. border-radius: 5px;
  41. margin-bottom: 20px;
  42. width: 100%; /* 按钮宽度为屏幕宽度的90% */
  43. }
  44. .agreement {
  45. font-size: 30rpx; /* 12px ≈ 24rpx */
  46. width: 85%; /* 宽度与按钮一致 */
  47. white-space: nowrap; /* 防止文字换行 */
  48. }
  49. .link {
  50. color: #07c160;
  51. text-decoration: underline;
  52. }