main.css 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159
  1. .uni-tabbar-bottom {
  2. display: none !important;
  3. }
  4. body {
  5. background: #141416;
  6. }
  7. input {
  8. font-size: 32rpx;
  9. width: 100%;
  10. color: #fff;
  11. }
  12. .u-indexed-list-alert {
  13. z-index: 999999;
  14. }
  15. .uni-textarea {
  16. width: 100%;
  17. }
  18. .pages {
  19. width: 100%;
  20. background: #141416;
  21. box-sizing: border-box;
  22. min-height: 100vh;
  23. }
  24. .index-pages {
  25. width: 100%;
  26. background: url('./static/public/bg0.png') no-repeat;
  27. background-size: 100% auto;
  28. min-height: 50vh;
  29. }
  30. .model-type {
  31. position: fixed;
  32. width: 100%;
  33. top: 0;
  34. left: 0;
  35. height: 100vh;
  36. background: rgba(0, 0, 0, 0.8);
  37. z-index: 9989;
  38. }
  39. .uni-input-wrapper {
  40. text-align: left;
  41. font-size: 32rpx;
  42. }
  43. .uni-input-placeholder {
  44. color: #808080;
  45. font-size: 32rpx;
  46. }
  47. .uni-textarea-placeholder {
  48. color: #808080;
  49. }
  50. .size-color {
  51. background: linear-gradient(90deg, #FFEB3B 0%, #F77777 68%, #377CFD 100%);
  52. -webkit-background-clip: text;
  53. -webkit-text-fill-color: transparent;
  54. font-weight: bold;
  55. }
  56. .public-content {
  57. width: 100%;
  58. padding: 32rpx;
  59. box-sizing: border-box;
  60. }
  61. .success-content-wrap {
  62. width: 100%;
  63. text-align: center;
  64. color: #FFFFFF;
  65. font-size: 36rpx;
  66. padding-bottom: 40rpx;
  67. }
  68. .success-content-wrap .success-icon {
  69. width: 300rpx;
  70. height: 300rpx;
  71. text-align: center;
  72. margin-bottom: 56rpx;
  73. }
  74. .success-content-wrap .max-btn {
  75. width: 90%;
  76. height: 88rpx;
  77. border-radius: 24rpx;
  78. margin: 0 auto;
  79. margin-top: 56rpx;
  80. }
  81. .success-content-wrap .min-btn {
  82. width: 48%;
  83. height: 88rpx;
  84. border-radius: 24rpx;
  85. margin-bottom: 0;
  86. }
  87. .success-content-wrap .min-btn-qu {
  88. border: 2rpx solid #6B3CFD;
  89. background: none;
  90. color: #6B3CFD;
  91. }
  92. .max-btn {
  93. width: 100%;
  94. height: 100rpx;
  95. background: #6B3CFD;
  96. border-radius: 24rpx;
  97. color: #FFFFFF;
  98. font-size: 32rpx;
  99. font-weight: 500;
  100. cursor: pointer;
  101. display: flex;
  102. align-items: center;
  103. justify-content: center;
  104. }
  105. .min-btn {
  106. width: 258rpx;
  107. height: 88rpx;
  108. line-height: 88rpx;
  109. background: #6B3CFD;
  110. border-radius: 24rpx;
  111. color: #fff;
  112. font-size: 32rpx;
  113. font-weight: 500;
  114. cursor: pointer;
  115. display: flex;
  116. align-items: center;
  117. justify-content: center;
  118. }
  119. .inp-wrap {
  120. width: 100%;
  121. height: 100rpx;
  122. background: #252940;
  123. border-radius: 12rpx;
  124. padding: 0 24rpx;
  125. box-sizing: border-box;
  126. margin-bottom: 24rpx;
  127. }
  128. .inp-wrap .icon {
  129. width: 32rpx;
  130. min-width: 32rpx;
  131. height: 32rpx;
  132. }
  133. .inp-wrap .code-text {
  134. color: #fff;
  135. font-size: 32rpx;
  136. white-space: nowrap;
  137. border-radius: 12rpx;
  138. height: 68rpx;
  139. line-height: 68rpx;
  140. }
  141. .inp-wrap .text {
  142. color: #fff;
  143. margin-left: 24rpx;
  144. }
  145. .coin-content-wrap {
  146. width: 100%;
  147. padding-top: 10rpx;
  148. }
  149. .coin-content-wrap .coin-list {
  150. width: 100%;
  151. text-align: center;
  152. height: 80rpx;
  153. color: #fff;
  154. }
  155. .coin-content-wrap .coin-list .coins {
  156. width: 36rpx;
  157. height: 36rpx;
  158. margin-right: 16rpx;
  159. }