main.less 2.9 KB

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