pages.scss 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. /***** 这里放页面样式 *****/
  2. .mobile-login-page {
  3. width: 100%;
  4. height: 100%;
  5. background: #FFF;
  6. text-align: center;
  7. position: absolute;
  8. overflow: auto;
  9. .login-top {
  10. height: 540rpx;
  11. background-size: cover;
  12. background-image: url("../static/images/login/login-bj-sj.png");
  13. // logo
  14. }
  15. .login-logo {
  16. width: 266rpx;
  17. max-height: 100rpx;
  18. margin-top: 156rpx;
  19. }
  20. .login-text {
  21. display: block;
  22. font-size: 64rpx;
  23. color: #FFF;
  24. margin: 24rpx 0 0;
  25. font-weight: 700
  26. }
  27. // 登录区域
  28. .login-body {
  29. width: 100%;
  30. padding: 0 60px;
  31. box-sizing: border-box;
  32. margin: 140rpx auto 0;
  33. .input-container {
  34. display: flex;
  35. align-items: center;
  36. /* 垂直对齐 */
  37. position: relative;
  38. height: 100rpx;
  39. border-radius: 50rpx;
  40. background-color: #F7F7F7;
  41. padding: 0;
  42. margin-bottom: 40rpx;
  43. }
  44. .input-icon {
  45. margin-left: 20rpx;
  46. /* 图标和输入框之间的间距 */
  47. color: #999;
  48. }
  49. }
  50. // 输入框
  51. .login-btn {
  52. width: 100%;
  53. height: 100rpx;
  54. margin-top: 60rpx;
  55. font-size: 36rpx;
  56. letter-spacing: 7.2rpx;
  57. background: linear-gradient(0deg, #436aff 0%, #234ff7 100%);
  58. border-radius: 50rpx;
  59. border: 0;
  60. color: #F7F7F7;
  61. line-height: 100rpx;
  62. }
  63. .login-change {
  64. display: flex;
  65. justify-content: space-between;
  66. align-items: center;
  67. .checkbox-zhanghao {
  68. font-size: 24rpx;
  69. color: #565656;
  70. }
  71. }
  72. }