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

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