index.wxss 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  1. @charset "UTF-8";
  2. /* 水平间距 */
  3. /* 水平间距 */
  4. .phone-wrap.data-v-62293bf3 {
  5. position: fixed;
  6. left: 0;
  7. right: 0;
  8. top: 0;
  9. bottom: 0;
  10. z-index: 9999;
  11. background-color: rgba(0, 0, 0, 0.3);
  12. display: flex;
  13. justify-content: center;
  14. align-items: center;
  15. }
  16. .phone-wrap .authorization-container.data-v-62293bf3 {
  17. width: 600rpx;
  18. margin-top: -100rpx;
  19. }
  20. .phone-wrap .authorization-container .phone-inp.data-v-62293bf3 {
  21. margin-bottom: 20rpx;
  22. }
  23. .phone-wrap .authorization-container .userAvatar.data-v-62293bf3 {
  24. width: 100rpx;
  25. height: 100rpx;
  26. display: block;
  27. border-radius: 50%;
  28. overflow: hidden;
  29. margin: 20rpx auto;
  30. }
  31. .phone-wrap .authorization-container .title.data-v-62293bf3 {
  32. font-size: 32rpx;
  33. padding-top: 16rpx;
  34. }
  35. .phone-wrap .authorization-container .tip.data-v-62293bf3 {
  36. font-size: 28rpx;
  37. color: #999;
  38. position: relative;
  39. padding-left: 20rpx;
  40. margin-top: 30rpx;
  41. }
  42. .phone-wrap .authorization-container .tip.data-v-62293bf3::after {
  43. display: block;
  44. content: "";
  45. width: 10rpx;
  46. height: 10rpx;
  47. border-radius: 50%;
  48. background-color: #999;
  49. position: absolute;
  50. left: 0;
  51. top: 15rpx;
  52. }
  53. .phone-wrap .authorization-container .card-actions.data-v-62293bf3 {
  54. display: flex;
  55. justify-content: space-between;
  56. align-items: center;
  57. padding-top: 50rpx;
  58. }
  59. .phone-wrap .authorization-container .card-actions .bt.data-v-62293bf3 {
  60. margin: 0;
  61. }
  62. .phone-wrap .authorization-container .card-actions .confirm.data-v-62293bf3 {
  63. color: #fff;
  64. background-color: #409eff;
  65. border-color: #409eff;
  66. margin-left: 10rpx;
  67. }
  68. @charset "UTF-8";
  69. /* 水平间距 */
  70. /* 水平间距 */
  71. .content .head.data-v-4586967a {
  72. font-size: 50rpx;
  73. text-align: center;
  74. padding: 40rpx 0;
  75. letter-spacing: 2rpx;
  76. }
  77. .content .login-wrap.data-v-4586967a {
  78. width: 90%;
  79. margin: 50rpx auto 0;
  80. box-sizing: border-box;
  81. padding: 20rpx;
  82. border-radius: 8rpx;
  83. }
  84. .content .login-wrap .item.data-v-4586967a {
  85. display: flex;
  86. justify-content: flex-start;
  87. align-items: center;
  88. height: 100rpx;
  89. font-size: 32rpx;
  90. line-height: 100rpx;
  91. }
  92. .content .login-wrap .item input.data-v-4586967a {
  93. font-size: 32rpx;
  94. height: 100rpx;
  95. border: 0;
  96. }
  97. .content .login-wrap .tip.data-v-4586967a {
  98. text-align: right;
  99. padding: 18rpx 0;
  100. font-size: 28rpx;
  101. }
  102. .content .login-wrap .submit-BT.data-v-4586967a {
  103. border-radius: 16rpx;
  104. margin-top: 50rpx;
  105. background-color: #409eff;
  106. border-color: #409eff;
  107. }