auth-check.wxss 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123
  1. .plv-auth-info {
  2. display: flex;
  3. color: #333;
  4. height: 50px;
  5. margin: 0;
  6. padding: 0;
  7. margin-left: 40rpx;
  8. align-items: center;
  9. border-bottom: 1px solid #f0f0f0;
  10. position: relative;
  11. }
  12. .plv-auth-info > input {
  13. padding: 0 10px;
  14. font-size: 15px;
  15. border: none;
  16. flex: 1;
  17. }
  18. .plv-auth-info > picker {
  19. width: 50%;
  20. margin-left: 10px;
  21. }
  22. .plv-auth-info > image {
  23. width: 148px;
  24. height: 36px;
  25. }
  26. .plv-auth-info .plv-info__get__msg {
  27. margin-right: 20rpx;
  28. font-size: 15px;
  29. height: 36px;
  30. line-height: 36px;
  31. text-align: center;
  32. width: 120px;
  33. border: none;
  34. background: 0 0;
  35. outline: 0;
  36. border-left: 1px solid #f0f0f0;
  37. color: #999;
  38. }
  39. .plv-auth-info .btn-disabled {
  40. border-left: none;
  41. background: #bbb;
  42. color: #fff;
  43. }
  44. .plv-auth-check {
  45. position: absolute;
  46. top: 0;
  47. left: 0;
  48. height: 100%;
  49. width: 100%;
  50. background-color: #fff;
  51. font-size: 16px;
  52. color: #263238;
  53. }
  54. .plv-auth-check .plv-auth-check__head {
  55. height: 50px;
  56. line-height: 49px;
  57. text-align: center;
  58. background-color: #fff;
  59. border-bottom: 1px solid #cfd8dc;
  60. overflow: hidden;
  61. }
  62. .plv-auth-check .plv-auth-check__head > text:nth-child(2) {
  63. margin-left: -60px;
  64. }
  65. .plv-auth-check .plv-auth-check__head > text:nth-child(1) {
  66. float: left;
  67. width: 45px;
  68. padding-left: 15px;
  69. text-align: left;
  70. font-size: 32px;
  71. color: #90a4ae;
  72. font-weight: 800;
  73. }
  74. .plv-auth-check__code {
  75. display: flex;
  76. align-items: center;
  77. flex-direction: column;
  78. padding: 0 16px 20px 16px;
  79. }
  80. .plv-auth-check__code > input {
  81. width: 100%;
  82. height: 40px;
  83. margin-top: 40rpx;
  84. padding: 0 10px;
  85. border-radius: 4px;
  86. outline: 0;
  87. border: 1px solid #bdbdbd;
  88. }
  89. .plv-auth-check__code .plv-auth__ercode {
  90. margin-top: 40rpx;
  91. width: 140px;
  92. height: 140px;
  93. }
  94. .plv-auth-check__btn {
  95. position: absolute;
  96. bottom: 40rpx;
  97. width: 100%;
  98. padding: 0 16px;
  99. }
  100. .plv-auth-check__btn > button {
  101. height: 48px;
  102. width: 100%;
  103. line-height: 48px;
  104. text-align: center;
  105. border-radius: 24px;
  106. color: #fff;
  107. font-size: 16px;
  108. background-color: #3082FE;
  109. }