C端小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

157 rivejä
2.3 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. width: 690rpx;
  37. margin: 37rpx auto 0;
  38. }
  39. .gameimg {
  40. display: block;
  41. width: 100%;
  42. height: 140rpx;
  43. }
  44. .section {
  45. padding: 0 20rpx;
  46. justify-content: space-around;
  47. text-align: center;
  48. margin-top: 25rpx;
  49. }
  50. .section >view{
  51. width: 25%;
  52. display: inline-block;
  53. position: relative;
  54. }
  55. .section >view image {
  56. display: block;
  57. margin: 0 auto;
  58. }
  59. .section >view image {
  60. width: 55rpx;
  61. height: 55rpx;
  62. margin-top: 20rpx;
  63. margin-bottom: 14rpx;
  64. }
  65. .section text {
  66. font-size: 24rpx;
  67. color: rgba(51, 51, 51, 1);
  68. display: block;
  69. margin-top: 0rpx;
  70. }
  71. .showQrcode {
  72. position: fixed;
  73. top: 0;
  74. left: 0;
  75. right: 0;
  76. bottom: 0;
  77. z-index: 1000;
  78. background: rgba(0, 0, 0, 0.6);
  79. }
  80. .qrcode image {
  81. width: 70rpx;
  82. margin-right: 20rpx;
  83. }
  84. .showQrcode {
  85. position: fixed;
  86. top: 0;
  87. left: 0;
  88. right: 0;
  89. bottom: 0;
  90. z-index: 1000;
  91. background: rgba(0, 0, 0, 0.6);
  92. }
  93. .canvas-box {
  94. position: fixed;
  95. width: 500rpx;
  96. overflow: hidden;
  97. left: 0;
  98. top: 200rpx;
  99. right: 0;
  100. margin: auto;
  101. background: #fff;
  102. border-radius: 16rpx;
  103. z-index:100;
  104. padding-bottom: 30rpx;
  105. }
  106. .showQrcode text {
  107. display: block;
  108. text-align: center;
  109. font-size: 28rpx;
  110. }
  111. .button {
  112. width: 414rpx;
  113. text-align: center;
  114. margin: 0 auto;
  115. height: 80rpx;
  116. line-height: 80rpx;
  117. background: rgba(255, 255, 255, 1);
  118. border-radius: 10rpx;
  119. font-size: 32rpx;
  120. color: rgba(2, 192, 255, 1);
  121. overflow: hidden;
  122. margin-top: 38rpx;
  123. }
  124. .memberIds{
  125. padding-top: 30rpx;
  126. font-size: 30rpx;
  127. }
  128. .search{
  129. background:rgba(2, 192, 255, 1);
  130. height: 50rpx;
  131. }
  132. .searchbar{
  133. position: relative;
  134. width: 685rpx;
  135. height: 76rpx;
  136. margin: 0 auto;
  137. text-align: center;
  138. }
  139. .searchbar image{
  140. width: 40rpx;
  141. }
  142. .searchbar text{
  143. font-size: 28rpx;
  144. line-height: 50rpx;
  145. color: #fff;
  146. display: inline-block;
  147. }