C端小程序
Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.

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