C端小程序
Nevar pievienot vairāk kā 25 tēmas Tēmai ir jāsākas ar burtu vai ciparu, tā var saturēt domu zīmes ('-') un var būt līdz 35 simboliem gara.

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