C端小程序
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

145 行
2.1 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. page {
  16. width: 100%;
  17. height: auto !important;
  18. overflow-x: hidden;
  19. }
  20. .txt {
  21. margin-left: 20rpx;
  22. }
  23. .game-entry {
  24. width: 690rpx;
  25. margin: 37rpx auto 0;
  26. }
  27. .gameimg {
  28. display: block;
  29. width: 100%;
  30. height: 140rpx;
  31. }
  32. .section {
  33. padding: 0 20rpx;
  34. justify-content: space-around;
  35. text-align: center;
  36. margin-top: 25rpx;
  37. }
  38. .section >view{
  39. width: 25%;
  40. display: inline-block;
  41. }
  42. .section >view image {
  43. display: block;
  44. margin: 0 auto;
  45. }
  46. .section >view image {
  47. width: 55rpx;
  48. height: 55rpx;
  49. margin-top: 20rpx;
  50. margin-bottom: 14rpx;
  51. }
  52. .section text {
  53. font-size: 24rpx;
  54. color: rgba(51, 51, 51, 1);
  55. display: block;
  56. margin-top: 0rpx;
  57. }
  58. .showQrcode {
  59. position: fixed;
  60. top: 0;
  61. left: 0;
  62. right: 0;
  63. bottom: 0;
  64. z-index: 1000;
  65. background: rgba(0, 0, 0, 0.6);
  66. }
  67. .qrcode image {
  68. width: 70rpx;
  69. margin-right: 20rpx;
  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. .canvas-box {
  81. position: fixed;
  82. width: 500rpx;
  83. overflow: hidden;
  84. left: 0;
  85. top: 200rpx;
  86. right: 0;
  87. margin: auto;
  88. background: #fff;
  89. border-radius: 16rpx;
  90. z-index:100;
  91. padding-bottom: 30rpx;
  92. }
  93. .showQrcode text {
  94. display: block;
  95. text-align: center;
  96. font-size: 28rpx;
  97. }
  98. .button {
  99. width: 414rpx;
  100. text-align: center;
  101. margin: 0 auto;
  102. height: 80rpx;
  103. line-height: 80rpx;
  104. background: rgba(255, 255, 255, 1);
  105. border-radius: 10rpx;
  106. font-size: 32rpx;
  107. color: rgba(2, 192, 255, 1);
  108. overflow: hidden;
  109. margin-top: 38rpx;
  110. }
  111. .memberIds{
  112. padding-top: 30rpx;
  113. font-size: 30rpx;
  114. }
  115. .search{
  116. background:rgba(2, 192, 255, 1);
  117. height: 50rpx;
  118. }
  119. .searchbar{
  120. position: relative;
  121. width: 685rpx;
  122. height: 76rpx;
  123. margin: 0 auto;
  124. text-align: center;
  125. }
  126. .searchbar image{
  127. width: 40rpx;
  128. }
  129. .searchbar text{
  130. font-size: 28rpx;
  131. line-height: 50rpx;
  132. color: #fff;
  133. display: inline-block;
  134. }