C端小程序
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

296 行
4.6 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. .userinfo{
  48. position:relative;
  49. margin: 30rpx auto 35rpx;
  50. width: 690rpx;
  51. height: 124rpx;
  52. background:rgba(255,255,255,1);
  53. border:1rpx solid rgba(56, 56, 56, 0.11);
  54. box-shadow:0rpx 6rpx 8rpx 1rpx rgba(56,56,56,0.08);
  55. border-radius:16rpx;
  56. }
  57. .section {
  58. padding: 0 20rpx;
  59. justify-content: space-around;
  60. text-align: center;
  61. margin-top: 25rpx;
  62. margin-bottom: 30rpx;
  63. }
  64. .sellsection{
  65. margin-bottom: 37rpx;
  66. padding: 0 38rpx;
  67. }
  68. .section >view,.sellsection>view{
  69. width: 25%;
  70. display: inline-block;
  71. position: relative;
  72. }
  73. .section >view image,.sellsection>view image{
  74. display: block;
  75. margin: 0 auto;
  76. }
  77. .section >view image {
  78. width: 55rpx;
  79. height: 55rpx;
  80. margin-top: 20rpx;
  81. margin-bottom: 14rpx;
  82. }
  83. .sellsection>view image{
  84. width: 159rpx;
  85. height: 134rpx;
  86. }
  87. .section text {
  88. font-size: 24rpx;
  89. color: rgba(51, 51, 51, 1);
  90. display: block;
  91. margin-top: 0rpx;
  92. }
  93. .showQrcode {
  94. position: fixed;
  95. top: 0;
  96. left: 0;
  97. right: 0;
  98. bottom: 0;
  99. z-index: 1000;
  100. background: rgba(0, 0, 0, 0.6);
  101. }
  102. .qrcode image {
  103. width: 70rpx;
  104. margin-right: 20rpx;
  105. }
  106. .showQrcode {
  107. position: fixed;
  108. top: 0;
  109. left: 0;
  110. right: 0;
  111. bottom: 0;
  112. z-index: 1000;
  113. background: rgba(0, 0, 0, 0.6);
  114. }
  115. .canvas-box {
  116. position: fixed;
  117. width: 500rpx;
  118. overflow: hidden;
  119. left: 0;
  120. top: 200rpx;
  121. right: 0;
  122. margin: auto;
  123. background: #fff;
  124. border-radius: 16rpx;
  125. z-index:100;
  126. padding-bottom: 30rpx;
  127. }
  128. .showQrcode text {
  129. display: block;
  130. text-align: center;
  131. font-size: 28rpx;
  132. }
  133. .button {
  134. width: 414rpx;
  135. text-align: center;
  136. margin: 0 auto;
  137. height: 80rpx;
  138. line-height: 80rpx;
  139. background: rgba(255, 255, 255, 1);
  140. border-radius: 10rpx;
  141. font-size: 32rpx;
  142. color: rgba(2, 192, 255, 1);
  143. overflow: hidden;
  144. margin-top: 38rpx;
  145. }
  146. .memberIds{
  147. padding-top: 30rpx;
  148. font-size: 30rpx;
  149. }
  150. .search{
  151. background:rgba(2, 192, 255, 1);
  152. height: 50rpx;
  153. }
  154. .searchbar{
  155. position: relative;
  156. width: 685rpx;
  157. height: 76rpx;
  158. margin: 0 auto;
  159. text-align: center;
  160. }
  161. .searchbar image{
  162. width: 40rpx;
  163. }
  164. .searchbar text{
  165. font-size: 28rpx;
  166. line-height: 50rpx;
  167. color: #fff;
  168. display: inline-block;
  169. }
  170. .user-avatar {
  171. position: absolute;
  172. left: 24rpx;
  173. top:7rpx;
  174. bottom: 0;
  175. width: 66rpx;
  176. height: 66rpx;
  177. border-radius: 50%;
  178. overflow: hidden;
  179. margin: auto;
  180. }
  181. .user-avatar open-data {
  182. display:block;
  183. width:100%;
  184. height:100%;
  185. }
  186. .user-data {
  187. font-family: PingFangSC-Regular;
  188. margin-left: 116rpx;
  189. letter-spacing: 0.64rpx;
  190. line-height: 44rpx;
  191. margin-top: 15rpx;
  192. font-size: 30rpx;
  193. color: #333;
  194. font-weight: bold;
  195. }
  196. .chengzhang {
  197. font-size: 24rpx;
  198. font-weight: 400;
  199. color: #AF6E34;
  200. margin-left:9rpx;
  201. }
  202. .jifen{
  203. margin-left: 70rpx;
  204. color: #999999;
  205. font-size: 23rpx;
  206. }
  207. .jifenNumber{
  208. color:#D18B4C;
  209. font-size: 34rpx;
  210. margin-left: 10rpx;
  211. }
  212. .view {
  213. font-size: 24rpx;
  214. color: #999999;
  215. }
  216. .view>.score{
  217. margin-left:9rpx;
  218. color:#333333;
  219. font-size:30rpx;
  220. margin-right:23rpx;
  221. font-family:PingFang-SC-Bold;
  222. }
  223. .barcodeimg{
  224. position: absolute;
  225. right: 21rpx;
  226. top: 23rpx;
  227. width: 84rpx;
  228. height: 84rpx;
  229. }
  230. .duihuanimg{
  231. width: 86rpx;
  232. height: 63rpx;
  233. right:190rpx;
  234. position:absolute;
  235. top: 60rpx;
  236. }
  237. .leftimg{
  238. position: absolute;
  239. right: 40rpx;
  240. top: 60rpx;
  241. margin-top: -7rpx;
  242. width: 14rpx;
  243. height: 26rpx;
  244. }
  245. .product{
  246. padding: 0 30rpx;
  247. margin-bottom: 30rpx;
  248. }
  249. .product image{
  250. width:690rpx;
  251. height:120rpx;
  252. border-radius:60rpx;
  253. }
  254. .signin{
  255. width: 542rpx;
  256. height: 94rpx;
  257. position: fixed;
  258. top: 0;
  259. left: 0;
  260. right: 0;
  261. z-index: 100;
  262. margin: auto;
  263. }
  264. .signin open-data {
  265. position: absolute;
  266. width:90rpx;
  267. left: 0;
  268. top: 0;
  269. bottom: 0;
  270. height:94rpx;
  271. margin: auto;
  272. border-radius: 50%;
  273. overflow: hidden;
  274. }
  275. .signin text{
  276. display: block;
  277. background: rgba(0, 0, 0, 0.5);
  278. font-size: 28rpx;
  279. height: 80rpx;
  280. width: 100%;
  281. line-height: 80rpx;
  282. color: #D6D5D5;
  283. text-indent: 4em;
  284. border-radius:60rpx;
  285. margin-top: 7rpx;
  286. }