C端小程序
Você não pode selecionar mais de 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.

297 linhas
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. height: 120rpx;
  189. margin-left: 116rpx;
  190. letter-spacing: 0.64rpx;
  191. line-height: 44rpx;
  192. margin-top: 15rpx;
  193. font-size: 30rpx;
  194. color: #333;
  195. font-weight: bold;
  196. }
  197. .chengzhang {
  198. font-size: 24rpx;
  199. font-weight: 400;
  200. color: #AF6E34;
  201. margin-left:9rpx;
  202. }
  203. .jifen{
  204. margin-left: 70rpx;
  205. color: #999999;
  206. font-size: 23rpx;
  207. }
  208. .jifenNumber{
  209. color:#D18B4C;
  210. font-size: 34rpx;
  211. margin-left: 10rpx;
  212. }
  213. .view {
  214. font-size: 24rpx;
  215. color: #999999;
  216. }
  217. .view>.score{
  218. margin-left:9rpx;
  219. color:#333333;
  220. font-size:30rpx;
  221. margin-right:23rpx;
  222. font-family:PingFang-SC-Bold;
  223. }
  224. .barcodeimg{
  225. position: absolute;
  226. right: 21rpx;
  227. top: 23rpx;
  228. width: 84rpx;
  229. height: 84rpx;
  230. }
  231. .duihuanimg{
  232. width: 86rpx;
  233. height: 63rpx;
  234. right:190rpx;
  235. position:absolute;
  236. top: 60rpx;
  237. }
  238. .leftimg{
  239. position: absolute;
  240. right: 40rpx;
  241. top: 60rpx;
  242. margin-top: -7rpx;
  243. width: 14rpx;
  244. height: 26rpx;
  245. }
  246. .product{
  247. padding: 0 30rpx;
  248. margin-bottom: 30rpx;
  249. }
  250. .product image{
  251. width:690rpx;
  252. height:120rpx;
  253. border-radius:60rpx;
  254. }
  255. .signin{
  256. width: 542rpx;
  257. height: 94rpx;
  258. position: fixed;
  259. top: 0;
  260. left: 0;
  261. right: 0;
  262. z-index: 100;
  263. margin: auto;
  264. }
  265. .signin open-data {
  266. position: absolute;
  267. width:90rpx;
  268. left: 0;
  269. top: 0;
  270. bottom: 0;
  271. height:94rpx;
  272. margin: auto;
  273. border-radius: 50%;
  274. overflow: hidden;
  275. }
  276. .signin text{
  277. display: block;
  278. background: rgba(0, 0, 0, 0.5);
  279. font-size: 28rpx;
  280. height: 80rpx;
  281. width: 100%;
  282. line-height: 80rpx;
  283. color: #D6D5D5;
  284. text-indent: 4em;
  285. border-radius:60rpx;
  286. margin-top: 7rpx;
  287. }