index.scss 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123
  1. .sign-page{
  2. min-height: 100vh;
  3. background: #F5F7FB;
  4. .view-wrap{
  5. padding-top: 34rpx;
  6. padding-bottom: 60rpx;
  7. }
  8. .card{
  9. padding: 26rpx 30rpx 20rpx;
  10. background-color: #fff;
  11. margin: 0 35rpx;
  12. border-radius: 20rpx;
  13. box-shadow: 0 0 8rpx 0 rgba(144,144,144,.1);
  14. }
  15. .form-item{
  16. padding-bottom: 30rpx;
  17. .form-item__title{
  18. display: flex;
  19. align-items: center;
  20. height: 68rpx;
  21. .name{
  22. font-size: 32rpx;
  23. font-family: PingFang SC;
  24. font-weight: bold;
  25. color: #212121;
  26. }
  27. .extra{
  28. margin-left: auto;
  29. font-size: 24rpx;
  30. font-family: PingFang SC;
  31. font-weight: bold;
  32. color: #79A9CE;
  33. }
  34. }
  35. .form-item__input__wrap{
  36. .form-item__input{
  37. display: flex;
  38. height: 80rpx;
  39. background: #F5F7FB;
  40. border-radius: 10rpx;
  41. .input{
  42. flex: 1;
  43. height: 100%;
  44. padding-left: 10px;
  45. font-size: 28rpx;
  46. font-family: PingFang SC;
  47. font-weight: bold;
  48. color: #000;
  49. }
  50. .icon{
  51. align-self: center;
  52. margin-right: 10px;
  53. }
  54. .input-placeholder{
  55. font-size: 30rpx;
  56. font-family: PingFang SC;
  57. font-weight: bold;
  58. color: #B8BBBF;
  59. }
  60. }
  61. }
  62. }
  63. .inlne-button-wrap{
  64. padding-right: 15rpx;
  65. padding-left: 15rpx;
  66. align-self: center;
  67. .button{
  68. padding: 10rpx 20rpx;
  69. display: flex;
  70. align-items: center;
  71. justify-content: center;
  72. background: #79A9CE;
  73. font-size: 30rpx;
  74. font-family: PingFang SC;
  75. font-weight: bold;
  76. color: #FEFEFE;
  77. border-radius: 10rpx;
  78. &.button-hover{
  79. position: relative;
  80. top: 3px;
  81. }
  82. }
  83. }
  84. .button-wrap{
  85. padding-top: 30rpx;
  86. }
  87. .sing-btn{
  88. display: flex;
  89. align-items: center;
  90. justify-content: center;
  91. width: 300rpx;
  92. height: 80rpx;
  93. background: #79A9CE;
  94. border-radius: 10rpx;
  95. font-size: 30rpx;
  96. font-family: PingFang SC;
  97. font-weight: bold;
  98. color: #FEFEFE;
  99. &.button-hover{
  100. position: relative;
  101. top: 3px;
  102. }
  103. }
  104. .tip-btn{
  105. position: relative;
  106. top: -6rpx;
  107. text-align: right;
  108. min-width: 178rpx;
  109. padding-right: 10rpx;
  110. flex-shrink: 0;
  111. font-size: 28rpx;
  112. font-family: PingFang SC;
  113. font-weight: 500;
  114. color: $u-primary;
  115. &.disable{
  116. color: #999;
  117. }
  118. }
  119. }