username_login.wxss 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201
  1. /* pages/username_login/username_login.wxss */
  2. .main {
  3. height: 100%;
  4. width: 100%;
  5. position: relative;
  6. }
  7. .main_image {
  8. height: 1334rpx;
  9. width: 750rpx;
  10. margin-top: -128rpx;
  11. top: 0;
  12. }
  13. .logo_view{
  14. margin: 0rpx 268rpx;
  15. }
  16. .login_logo1 {
  17. height: 213rpx;
  18. width: 214rpx;
  19. margin-top: 90rpx;
  20. }
  21. .login_logo2 {
  22. height: 120rpx;
  23. width: 184rpx;
  24. margin: 0rpx 15rpx;
  25. }
  26. .main .context {
  27. height: 100%;
  28. width: 100%;
  29. position: absolute;
  30. top: 0;
  31. left: 0;
  32. box-shadow: 0rpx 6rpx 6rpx #f5f5f5 inset;
  33. }
  34. .context_input {
  35. margin-top: 20rpx;
  36. margin-right: 32rpx;
  37. margin-left: 32rpx;
  38. margin-bottom: 30rpx;
  39. }
  40. .account_img {
  41. width: 30rpx;
  42. height: 32rpx;
  43. margin: 28rpx 0rpx 28rpx 30rpx;
  44. padding-right:30rpx;
  45. border-right: 2rpx #999999 solid;
  46. }
  47. .password_img {
  48. width: 26rpx;
  49. height: 34rpx;
  50. margin: 27rpx 0rpx 27rpx 32rpx;
  51. padding-right:32rpx;
  52. border-right: 2rpx #999999 solid;
  53. }
  54. .context_input input {
  55. width: calc(100% - 122rpx);
  56. display: inline-block;
  57. font-size: 32rpx;
  58. height: 88rppx;
  59. line-height: 88rpx;
  60. min-height: 88rpx;
  61. padding-left: 30rpx;
  62. color: #434343;
  63. font-family: 'Lucida Sans',
  64. 'Lucida Sans Regular',
  65. 'Lucida Grande',
  66. 'Lucida Sans Unicode',
  67. Geneva,
  68. Verdana,
  69. sans-serif;
  70. }
  71. .context_input .placeholder {
  72. color: #999999;
  73. font-family: 'Lucida Sans',
  74. 'Lucida Sans Regular',
  75. 'Lucida Grande',
  76. 'Lucida Sans Unicode',
  77. Geneva,
  78. Verdana,
  79. sans-serif;
  80. }
  81. .input_view{
  82. box-shadow: 0rpx 0rpx 10rpx #dedede;
  83. border-radius: 10rpx;
  84. margin: 40rpx 0rpx;
  85. height: 88rpx;
  86. }
  87. .login_button {
  88. width: calc(100% - 270rpx);
  89. font-size: 32rpx;
  90. /* margin: 0rpx 32rpx; */
  91. font-family: 'Lucida Sans',
  92. 'Lucida Sans Regular',
  93. 'Lucida Grande',
  94. 'Lucida Sans Unicode',
  95. Geneva,
  96. Verdana,
  97. sans-serif;
  98. color: #fff;
  99. text-overflow: ellipsis;
  100. white-space: nowrap;
  101. background-color: #00a8dc;
  102. border-radius: 40rpx;
  103. height: 80rpx;
  104. border: none;
  105. margin: 125rpx 135rpx 0 135rpx;
  106. }
  107. .login_button_disable {
  108. width: calc(100% - 270rpx);
  109. font-size: 32rpx;
  110. /* margin: 0rpx 32rpx; */
  111. font-family: 'Lucida Sans',
  112. 'Lucida Sans Regular',
  113. 'Lucida Grande',
  114. 'Lucida Sans Unicode',
  115. Geneva,
  116. Verdana,
  117. sans-serif;
  118. color: #fff;
  119. text-overflow: ellipsis;
  120. white-space: nowrap;
  121. background-color: #c9c9c9;
  122. border-radius: 40rpx;
  123. height: 80rpx;
  124. border: none;
  125. margin: 125rpx 135rpx 0 135rpx;
  126. }
  127. .login_button.button-hover {
  128. background-color: #36a9a6;
  129. }
  130. .other_button {
  131. width: calc(100% - 270rpx);
  132. margin: 20rpx 135rpx;
  133. }
  134. .vcode_login {
  135. position: absolute;
  136. right: 500rpx;
  137. height: 48rpx;
  138. color: #999999;
  139. font-size: 24rpx;
  140. line-height: 48rpx;
  141. text-align: center;
  142. font-family: 'Lucida Sans',
  143. 'Lucida Sans Regular',
  144. 'Lucida Grande',
  145. 'Lucida Sans Unicode',
  146. Geneva,
  147. Verdana,
  148. sans-serif;
  149. }
  150. .register_view {
  151. position: absolute;
  152. right: 320rpx;
  153. height: 48rpx;
  154. color: #999999;
  155. font-size: 24rpx;
  156. line-height: 48rpx;
  157. text-align: center;
  158. font-family: 'Lucida Sans',
  159. 'Lucida Sans Regular',
  160. 'Lucida Grande',
  161. 'Lucida Sans Unicode',
  162. Geneva,
  163. Verdana,
  164. sans-serif;
  165. }
  166. .forget_view {
  167. position: absolute;
  168. right: 135rpx;
  169. display: inline-block;
  170. height: 48rpx;
  171. color: #999999;
  172. font-size: 24rpx;
  173. line-height: 48rpx;
  174. text-align: right;
  175. font-family: 'Lucida Sans',
  176. 'Lucida Sans Regular',
  177. 'Lucida Grande',
  178. 'Lucida Sans Unicode',
  179. Geneva,
  180. Verdana,
  181. sans-serif;
  182. }
  183. .phone_call_class{
  184. text-align: center;
  185. margin: 160rpx;
  186. color: #c9c9c9;
  187. font-size: 28rpx;
  188. }