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.

321 line
4.8 KiB

  1. @import "../../app.wxss";
  2. .index-position {
  3. background: rgba(0, 0, 0, 0.5);
  4. height: 88rpx;
  5. position: absolute;
  6. top: 0;
  7. width: 100%;
  8. font-family: PingFangSC-Semibold;
  9. font-size: 30rpx;
  10. color: #fff;
  11. letter-spacing: 0.75rpx;
  12. z-index: 9;
  13. line-height: 88rpx;
  14. overflow: hidden;
  15. }
  16. .red{
  17. position:absolute;
  18. width:13rpx;
  19. height:13rpx;
  20. border-radius:50%;
  21. background:red;
  22. right:-50rpx;
  23. top:19rpx;
  24. left:0;
  25. margin:auto;
  26. display: none;
  27. }
  28. page {
  29. width: 100%;
  30. height: auto !important;
  31. overflow-x: hidden;
  32. }
  33. .txt {
  34. margin-left: 20rpx;
  35. }
  36. .game-entry {
  37. position: fixed;
  38. right: 27rpx;
  39. bottom:323rpx;
  40. width: 120rpx;
  41. margin: 37rpx auto 0;
  42. z-index: 10;
  43. }
  44. .gameimg {
  45. display: block;
  46. width: 100%;
  47. }
  48. .userinfo{
  49. position:relative;
  50. margin: 30rpx auto 0;
  51. width: 690rpx;
  52. padding: 20rpx 0;
  53. height: 84rpx;
  54. box-shadow:0 0 10px 0 rgba(211,211,211,0.50);
  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. position: absolute;
  104. top: 0;
  105. bottom: 0;
  106. right: 20rpx;
  107. margin: auto;
  108. width: 84rpx;
  109. z-index:100;
  110. }
  111. .showQrcode {
  112. position: fixed;
  113. top: 0;
  114. left: 0;
  115. right: 0;
  116. bottom: 0;
  117. z-index: 1000;
  118. background: rgba(0, 0, 0, 0.6);
  119. }
  120. .canvas-box {
  121. position: fixed;
  122. width: 500rpx;
  123. overflow: hidden;
  124. left: 0;
  125. top: 200rpx;
  126. right: 0;
  127. margin: auto;
  128. background: #fff;
  129. border-radius: 16rpx;
  130. z-index:100;
  131. padding-bottom: 30rpx;
  132. }
  133. .showQrcode text {
  134. display: none;
  135. text-align: center;
  136. font-size: 28rpx;
  137. }
  138. .button {
  139. width: 414rpx;
  140. text-align: center;
  141. margin: 0 auto;
  142. height: 80rpx;
  143. line-height: 80rpx;
  144. background: rgba(255, 255, 255, 1);
  145. border-radius: 10rpx;
  146. font-size: 32rpx;
  147. color: rgba(2, 192, 255, 1);
  148. overflow: hidden;
  149. }
  150. .memberIds{
  151. padding-top: 30rpx;
  152. font-size: 30rpx;
  153. }
  154. .search{
  155. background:rgba(2, 192, 255, 1);
  156. height: 50rpx;
  157. }
  158. .searchbar{
  159. position: relative;
  160. width: 685rpx;
  161. height: 76rpx;
  162. margin: 0 auto;
  163. text-align: center;
  164. }
  165. .searchbar image{
  166. width: 40rpx;
  167. }
  168. .searchbar text{
  169. font-size: 28rpx;
  170. line-height: 50rpx;
  171. color: #fff;
  172. display: inline-block;
  173. }
  174. .user-avatar {
  175. position: absolute;
  176. left: 24rpx;
  177. top:0;
  178. bottom: 0;
  179. width: 80rpx;
  180. height: 80rpx;
  181. border-radius: 50%;
  182. overflow: hidden;
  183. margin: auto;
  184. }
  185. .user-avatar open-data {
  186. display:block;
  187. width:100%;
  188. height:100%;
  189. }
  190. .user-data {
  191. margin-left: 116rpx;
  192. letter-spacing: 0.64rpx;
  193. line-height: 44rpx;
  194. font-size: 30rpx;
  195. color: #333;
  196. }
  197. .chengzhang {
  198. font-size: 29rpx;
  199. font-weight: 400;
  200. color: #AF6E34;
  201. }
  202. .integral{
  203. margin-left: 70rpx;
  204. }
  205. .jifen{
  206. display: inline-block;
  207. height: 34rpx;
  208. color: #999999;
  209. font-size:24rpx;
  210. line-height: 34rpx;
  211. }
  212. .jifenNumber{
  213. color:#D18B4C;
  214. font-size: 34rpx;
  215. line-height: 34rpx;
  216. margin-left: 10rpx;
  217. font-weight: bold;
  218. }
  219. .view {
  220. font-size: 24rpx;
  221. color: #999999;
  222. line-height: 24rpx;
  223. }
  224. .view>.score{
  225. margin-left:9rpx;
  226. color:#333333;
  227. font-size:30rpx;
  228. margin-right:23rpx;
  229. font-family:PingFang-SC-Bold;
  230. }
  231. .qrcode{
  232. width: 84rpx;
  233. height: 84rpx;
  234. }
  235. .qrcodeimg{
  236. width: 100%;
  237. }
  238. .leftimg{
  239. position: absolute;
  240. right: 40rpx;
  241. top: 60rpx;
  242. margin-top: -7rpx;
  243. width: 14rpx;
  244. height: 26rpx;
  245. }
  246. .duihuanimg{
  247. display: block;
  248. width: 48rpx;
  249. margin-top: 6rpx;
  250. }
  251. .product{
  252. height: 135rpx;
  253. padding: 0 30rpx;
  254. margin-top: 30rpx;
  255. }
  256. .product image{
  257. width:690rpx;
  258. height:135rpx;
  259. border-radius:16rpx;
  260. }
  261. #rushtobyCard{
  262. margin-top: 30rpx;
  263. }
  264. .signin{
  265. width: 542rpx;
  266. height: 94rpx;
  267. position: fixed;
  268. top: 0;
  269. left: 0;
  270. right: 0;
  271. z-index: 100;
  272. margin: auto;
  273. }
  274. .signin open-data {
  275. position: absolute;
  276. width:90rpx;
  277. left: 0;
  278. top: 0;
  279. bottom: 0;
  280. height:94rpx;
  281. margin: auto;
  282. border-radius: 50%;
  283. overflow: hidden;
  284. }
  285. .signin text{
  286. display: block;
  287. background: rgba(0, 0, 0, 0.5);
  288. font-size: 28rpx;
  289. height: 80rpx;
  290. width: 100%;
  291. line-height: 80rpx;
  292. color: #D6D5D5;
  293. text-indent: 4em;
  294. border-radius:60rpx;
  295. margin-top: 7rpx;
  296. }
  297. .remainchengzhangzhi{
  298. display: block;
  299. color: #b2743d;
  300. font-size: 12rpx;
  301. margin-top: 5rpx;
  302. line-height: 14rpx;
  303. }
  304. progress{
  305. display:inline-block;
  306. width:180rpx;
  307. border-radius:60rpx;
  308. overflow:hidden;
  309. }