_style.scss 2.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. .login-body {
  2. position: relative;
  3. background-color: #F0FBFF;
  4. width: 100%;
  5. height: 100vh;
  6. .login-body-bg-box {
  7. position: absolute;
  8. bottom: 0;
  9. left: 0;
  10. right: 0;
  11. top: 0;
  12. z-index: 0;
  13. display: flex;
  14. img {
  15. width: 100%;
  16. height: 100%;
  17. object-fit: cover;
  18. }
  19. }
  20. .login-container {
  21. position: relative;
  22. display: flex;
  23. justify-content: center;
  24. align-items: center;
  25. height: 100vh;
  26. .hc-login-sign {
  27. position: relative;
  28. width: 420px;
  29. .logo-img {
  30. position: relative;
  31. text-align: center;
  32. img {
  33. height: 44px;
  34. }
  35. }
  36. .login-title {
  37. font-size: 38px;
  38. text-align: center;
  39. margin-top: 20px;
  40. margin-bottom: 32px;
  41. color: white;
  42. }
  43. .sign-list {
  44. position: relative;
  45. background: rgba(255,255,255,0.99);
  46. padding: 40px 50px;
  47. width: 100%;
  48. border-radius: 16px;
  49. box-shadow: 0 21.2px 31.8px 0 rgba(26,26,26,0.12);
  50. backdrop-filter: blur(20px);
  51. -webkit-backdrop-filter: blur(20px);
  52. .welcome {
  53. position: relative;
  54. font-size: 24px;
  55. color: #101010;
  56. font-weight: bold;
  57. text-align: center;
  58. margin-bottom: 50px;
  59. top: -4px;
  60. &::before {
  61. position: absolute;
  62. display: block;
  63. content: "";
  64. height: 1px;
  65. width: 96px;
  66. bottom: -5px;
  67. background: var(--el-color-primary);
  68. left: calc(50% - ( 96px / 2 ));
  69. }
  70. }
  71. .form-box {
  72. position: relative;
  73. .el-input--large {
  74. --el-input-height: 48px;
  75. --el-input-border-radius: 8px;
  76. font-size: 16px;
  77. .el-input__wrapper {
  78. padding: 1px 16px;
  79. }
  80. }
  81. .el-button--large {
  82. --el-button-size: 48px;
  83. height: 48px;
  84. padding: 12px 19px;
  85. font-size: 18px;
  86. border: 0;
  87. border-radius: 6px;
  88. //background: linear-gradient(90deg, #4fa8ff, #0081ff 100%);
  89. }
  90. }
  91. }
  92. }
  93. }
  94. }