login.wxss 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  1. page {
  2. height: 100%;
  3. width: 100%;
  4. background-color: #f7f7f7;
  5. }
  6. .login-box {
  7. width: 100%;
  8. height: auto;
  9. overflow: hidden;
  10. padding: 0 40rpx;
  11. margin-top: 200rpx;
  12. align-items: center;
  13. text-align: center;
  14. }
  15. .login-box text{
  16. text-align: center;
  17. }
  18. .img{
  19. width: 50rpx;
  20. height: 50rpx;
  21. }
  22. .wx-login-btn {
  23. margin: 60rpx 0 40rpx 0;
  24. height: 96rpx;
  25. line-height: 96rpx;
  26. font-size: 30rpx;
  27. border-radius: 6rpx;
  28. width: 90%;
  29. color: #fff;
  30. right: 0;
  31. display: flex;
  32. justify-content: center;
  33. align-items: center;
  34. position: flex;
  35. bottom: 0;
  36. left: 0;
  37. padding: 0;
  38. margin-left: 5%;
  39. text-align: center;
  40. /* padding-left: -5rpx; */
  41. border-radius: 6rpx;
  42. letter-spacing: 3rpx;
  43. /*background-color: #242a48;*/
  44. background-color: #242a48;
  45. }
  46. .account-login-btn {
  47. width: 90%;
  48. margin: 0 auto;
  49. color: #fff;
  50. font-size: 30rpx;
  51. height: 96rpx;
  52. line-height: 96rpx;
  53. right: 0;
  54. display: flex;
  55. justify-content: center;
  56. align-items: center;
  57. position: flex;
  58. bottom: 0;
  59. left: 0;
  60. border-radius: 0;
  61. padding: 0;
  62. margin-left: 5%;
  63. text-align: center;
  64. /* padding-left: -5rpx; */
  65. border-top-left-radius: 50rpx;
  66. border-bottom-left-radius: 50rpx;
  67. border-top-right-radius: 50rpx;
  68. border-bottom-right-radius: 50rpx;
  69. letter-spacing: 3rpx;
  70. background-image: linear-gradient(to right, #9a9ba1 0%, #9a9ba1 100%);
  71. }
  72. .wechat{
  73. width: 80rpx;
  74. height: 80rpx;
  75. margin-right: 15rpx;
  76. }
  77. .form-text{
  78. margin-top: 100rpx;
  79. text-align: center;
  80. }
  81. .form-item {
  82. position: relative;
  83. height: 96rpx;
  84. border-bottom: 1px solid #d9d9d9;
  85. }
  86. .form-item .username, .form-item .password, .form-item .mobile, .form-item .code {
  87. position: absolute;
  88. top: 26rpx;
  89. left: 0;
  90. display: block;
  91. width: 100%;
  92. height: 44rpx;
  93. color: #333;
  94. font-size: 30rpx;
  95. }
  96. .form-item-code {
  97. margin-top: 32rpx;
  98. height: auto;
  99. overflow: hidden;
  100. width: 100%;
  101. float: left;
  102. width: 350rpx;
  103. }
  104. .form-item-code .form-item {
  105. float: left;
  106. width: 350rpx;
  107. }
  108. .form-item-getPhone {
  109. margin-top: 18rpx;
  110. height: auto;
  111. float: right;
  112. /*border: 1px solid #242a48;*/
  113. border-radius: 6rpx;
  114. color: #242a48;
  115. /*background: green;*/
  116. font-size: 30rpx;
  117. }