C端小程序
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.

177 lignes
2.7 KiB

  1. .index-position {
  2. background: rgba(0, 0, 0, 0.5);
  3. height: 88rpx;
  4. position: absolute;
  5. top: 0;
  6. width: 100%;
  7. font-family: PingFangSC-Semibold;
  8. font-size: 30rpx;
  9. color: #fff;
  10. letter-spacing: 0.75rpx;
  11. z-index: 9;
  12. line-height: 88rpx;
  13. overflow: hidden;
  14. }
  15. .red{
  16. position:absolute;
  17. width:13rpx;
  18. height:13rpx;
  19. border-radius:50%;
  20. background:red;
  21. right:-50rpx;
  22. top:19rpx;
  23. left:0;
  24. margin:auto;
  25. display: none;
  26. }
  27. page {
  28. width: 100%;
  29. height: auto !important;
  30. overflow-x: hidden;
  31. }
  32. .txt {
  33. margin-left: 20rpx;
  34. }
  35. .game-entry {
  36. position: fixed;
  37. right: 27rpx;
  38. bottom:323rpx;
  39. width: 120rpx;
  40. margin: 37rpx auto 0;
  41. z-index: 10;
  42. }
  43. .gameimg {
  44. display: block;
  45. width: 100%;
  46. }
  47. .rushtobuyimgs{
  48. padding: 0 30rpx;
  49. margin-top:20rpx;
  50. }
  51. .rushtobuyimgs image{
  52. width: 335rpx;
  53. height: 161rpx;
  54. }
  55. .userinfo{
  56. margin: 0 auto;
  57. width: 690rpx;
  58. height: 120rpx;
  59. background:rgba(255,255,255,1);
  60. border:1rpx solid rgba(56, 56, 56, 0.11);
  61. box-shadow:0rpx 6rpx 8rpx 1rpx rgba(56,56,56,0.08);
  62. border-radius:50rpx;
  63. }
  64. .section {
  65. padding: 0 20rpx;
  66. justify-content: space-around;
  67. text-align: center;
  68. margin-top: 25rpx;
  69. margin-bottom: 30rpx;
  70. }
  71. .section >view{
  72. width: 25%;
  73. display: inline-block;
  74. position: relative;
  75. }
  76. .section >view image {
  77. display: block;
  78. margin: 0 auto;
  79. }
  80. .section >view image {
  81. width: 55rpx;
  82. height: 55rpx;
  83. margin-top: 20rpx;
  84. margin-bottom: 14rpx;
  85. }
  86. .section text {
  87. font-size: 24rpx;
  88. color: rgba(51, 51, 51, 1);
  89. display: block;
  90. margin-top: 0rpx;
  91. }
  92. .showQrcode {
  93. position: fixed;
  94. top: 0;
  95. left: 0;
  96. right: 0;
  97. bottom: 0;
  98. z-index: 1000;
  99. background: rgba(0, 0, 0, 0.6);
  100. }
  101. .qrcode image {
  102. width: 70rpx;
  103. margin-right: 20rpx;
  104. }
  105. .showQrcode {
  106. position: fixed;
  107. top: 0;
  108. left: 0;
  109. right: 0;
  110. bottom: 0;
  111. z-index: 1000;
  112. background: rgba(0, 0, 0, 0.6);
  113. }
  114. .canvas-box {
  115. position: fixed;
  116. width: 500rpx;
  117. overflow: hidden;
  118. left: 0;
  119. top: 200rpx;
  120. right: 0;
  121. margin: auto;
  122. background: #fff;
  123. border-radius: 16rpx;
  124. z-index:100;
  125. padding-bottom: 30rpx;
  126. }
  127. .showQrcode text {
  128. display: block;
  129. text-align: center;
  130. font-size: 28rpx;
  131. }
  132. .button {
  133. width: 414rpx;
  134. text-align: center;
  135. margin: 0 auto;
  136. height: 80rpx;
  137. line-height: 80rpx;
  138. background: rgba(255, 255, 255, 1);
  139. border-radius: 10rpx;
  140. font-size: 32rpx;
  141. color: rgba(2, 192, 255, 1);
  142. overflow: hidden;
  143. margin-top: 38rpx;
  144. }
  145. .memberIds{
  146. padding-top: 30rpx;
  147. font-size: 30rpx;
  148. }
  149. .search{
  150. background:rgba(2, 192, 255, 1);
  151. height: 50rpx;
  152. }
  153. .searchbar{
  154. position: relative;
  155. width: 685rpx;
  156. height: 76rpx;
  157. margin: 0 auto;
  158. text-align: center;
  159. }
  160. .searchbar image{
  161. width: 40rpx;
  162. }
  163. .searchbar text{
  164. font-size: 28rpx;
  165. line-height: 50rpx;
  166. color: #fff;
  167. display: inline-block;
  168. }