signPerson.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. page{
  2. background-color: #fff;
  3. }
  4. .p-form{
  5. padding:40rpx;
  6. }
  7. .p-form-item{
  8. margin-bottom: 40rpx;
  9. }
  10. .p-label{
  11. line-height: 45rpx;
  12. font-size: 32rpx;
  13. font-family: PingFang SC-Semibold, PingFang SC;
  14. font-weight: 500;
  15. color: #333333;
  16. margin-top: 20rpx;
  17. margin-bottom: 20rpx;
  18. }
  19. .p-input{
  20. background: #F8F8F8;
  21. border-radius: 8rpx;
  22. padding: 24rpx;
  23. opacity: 1;
  24. font-size: 26rpx;
  25. }
  26. .p-placeholder{
  27. font-size: 26rpx;
  28. color: #999999;
  29. }
  30. .p-select{
  31. line-height: 47rpx;
  32. font-size: 32rpx;
  33. font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  34. font-weight: 400;
  35. color: #999999;
  36. }
  37. .p-select-item{
  38. margin-right: 70rpx;
  39. }
  40. .p-select-item:last-child{
  41. margin-right: 0;
  42. }
  43. .p-select-item image{
  44. width: 30rpx;
  45. height: 30rpx;
  46. margin-right: 12rpx;
  47. }
  48. .p-select-group{
  49. }
  50. .p-select-group-item{
  51. line-height: 70rpx;
  52. font-size: 28rpx;
  53. font-family: PingFang SC-Regular, PingFang SC;
  54. font-weight: 400;
  55. color: #333333;
  56. background: #F3F5F7;
  57. border-radius: 35rpx 35rpx 35rpx 35rpx;
  58. padding: 0 30rpx;
  59. margin-right: 20rpx;
  60. }
  61. .p-select-group-item-active{
  62. background-color: var(--main);
  63. color: #fff;
  64. }
  65. .share-btn{
  66. background-color: #fff;
  67. padding: 30rpx 40rpx;
  68. position: fixed;
  69. bottom: 0;
  70. left: 0;
  71. right: 0;
  72. z-index: 5;
  73. }
  74. .btn{
  75. line-height: 80rpx;
  76. background: #27D699;
  77. border-radius: 40rpx 40rpx 40rpx 40rpx;
  78. opacity: 1;
  79. font-size: 32rpx;
  80. font-family: PingFang SC-Regular, PingFang SC;
  81. font-weight: 400;
  82. color: #FFFFFF;
  83. text-align: center;
  84. }
  85. .upload-photo{
  86. width: 120rpx;
  87. height: 120rpx;
  88. background: #F8F8F8;
  89. border-radius: 10rpx 10rpx 10rpx 10rpx;
  90. opacity: 1;
  91. margin-bottom: 20rpx;
  92. }
  93. .upload-photo image{
  94. width: 46rpx;
  95. height: 35rpx;
  96. margin: auto;
  97. }
  98. .upload-photo-image{
  99. width: 120rpx;
  100. height: 120rpx;
  101. border-radius: 10rpx 10rpx 10rpx 10rpx;
  102. opacity: 1;
  103. margin-right: 20rpx;
  104. position: relative;
  105. margin-bottom: 20rpx;
  106. }
  107. .upload-photo-image:nth-child(5n){
  108. margin-right: 0rpx;
  109. }
  110. .upload-photo-image image{
  111. width: 120rpx;
  112. height: 120rpx;
  113. border-radius: 10rpx 10rpx 10rpx 10rpx;
  114. }
  115. .upload-photo-close{
  116. width: 28rpx !important;
  117. height: 28rpx !important;
  118. position: absolute;
  119. top:-14rpx;
  120. right: -14rpx;
  121. }