phoneLogin.wxss 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. .pageContainer{
  2. padding: 0 32rpx;
  3. }
  4. .pageTitle{
  5. margin-top: 80rpx;
  6. font-size: 36rpx;
  7. color: #161719;
  8. margin-bottom: 18rpx;
  9. }
  10. .inputItem{
  11. position: relative;
  12. height: 94rpx;
  13. }
  14. .inputItem::after{
  15. content: '';
  16. position: absolute;
  17. right: 0;
  18. bottom: 0;
  19. width: 100%;
  20. background: #E0E1E5;
  21. height: 2rpx;
  22. -webkit-transform: scaleY(0.5);
  23. transform: scaleY(0.5);
  24. -webkit-transform-origin: 0 0;
  25. transform-origin: 0 0;
  26. z-index: 2;
  27. }
  28. .inputItem input{
  29. font-size: 32rpx;
  30. color: #161719;
  31. flex: 1;
  32. height: 100%;
  33. }
  34. .inputItem.code{
  35. margin-top: 12rpx;
  36. }
  37. .inputBox{
  38. flex: 1;
  39. height: 100%;
  40. }
  41. .getCode{
  42. height: 58rpx;
  43. border-radius: 42rpx;
  44. border: 2rpx solid #E73E2D;
  45. padding: 0 20rpx;
  46. font-size: 30rpx;
  47. color: #E73E2D;
  48. }
  49. .getCode.sel{
  50. border: 2rpx solid #909297;
  51. font-size: 28rpx;
  52. color: #909297;
  53. }
  54. .submitLogin{
  55. height: 84rpx;
  56. background: rgba(231, 62, 45, 0.5);
  57. border-radius: 48rpx;
  58. font-size: 32rpx;
  59. font-weight: bold;
  60. color: #FFFFFF;
  61. margin-top: 78rpx;
  62. }
  63. .submitLogin.sel{
  64. background: #E73E2D;
  65. }
  66. .selectBox{
  67. padding: 24rpx 12rpx 24rpx 24rpx;
  68. }
  69. .explainText{
  70. font-size: 24rpx;
  71. color: #909297;
  72. }
  73. .explainText .lan{
  74. color: rgba(0,160,233,1);
  75. }
  76. .emptyCode{
  77. height: 100%;
  78. padding: 0 12rpx;
  79. }