login.module.less 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. .login {
  2. min-height: 100vh;
  3. padding: 0 48px;
  4. background: linear-gradient(to bottom, #01c1b5, #1bcbbf);
  5. .codeText {
  6. color: #fff;
  7. }
  8. .logo {
  9. display: table;
  10. padding-top: 100px;
  11. padding-bottom: 90px;
  12. width: 160px;
  13. height: 45px;
  14. margin: 0 auto;
  15. img {
  16. width: inherit;
  17. height: inherit;
  18. }
  19. }
  20. .container {
  21. background-color: transparent;
  22. }
  23. .input-group {
  24. position: relative;
  25. border-radius: 50px;
  26. border: 2px solid #fff;
  27. margin-bottom: 20px;
  28. padding-left: 30px;
  29. padding-right: 30px;
  30. display: flex;
  31. align-items: center;
  32. background: transparent;
  33. input {
  34. flex: 1;
  35. font-size: 14px;
  36. color: #fff;
  37. background: transparent;
  38. border: none;
  39. &::placeholder {
  40. color: #fff;
  41. }
  42. }
  43. .code-text {
  44. position: absolute;
  45. right: 0;
  46. flex: 1;
  47. display: block;
  48. width: 94px;
  49. text-align: center;
  50. font-size: 14px;
  51. color: #fff;
  52. line-height: 30px;
  53. height: 30px;
  54. }
  55. :global {
  56. .van-field__button {
  57. border-left: 2px solid #fff;
  58. margin-left: 12px;
  59. margin-right: -18px;
  60. }
  61. }
  62. }
  63. .login-change {
  64. padding-top: 8px;
  65. font-size: 14px;
  66. color: #fff;
  67. float: right;
  68. cursor: pointer;
  69. }
  70. :global {
  71. .van-button--disabled {
  72. opacity: 1;
  73. color: rgba(0, 0, 0, 0.25);
  74. }
  75. }
  76. }