C端小程序
25'ten fazla konu seçemezsiniz Konular bir harf veya rakamla başlamalı, kısa çizgiler ('-') içerebilir ve en fazla 35 karakter uzunluğunda olabilir.

298 satır
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. #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: 30rpx auto 35rpx;
  53. width: 690rpx;
  54. height: 124rpx;
  55. background:rgba(255,255,255,1);
  56. border:1rpx solid rgba(56, 56, 56, 0.11);
  57. box-shadow:0rpx 6rpx 8rpx 1rpx rgba(56,56,56,0.08);
  58. border-radius:16rpx;
  59. }
  60. .section {
  61. padding: 0 20rpx;
  62. justify-content: space-around;
  63. text-align: center;
  64. margin-top: 25rpx;
  65. margin-bottom: 30rpx;
  66. }
  67. .sellsection{
  68. margin-bottom: 37rpx;
  69. padding: 0 38rpx;
  70. }
  71. .section >view,.sellsection>view{
  72. width: 25%;
  73. display: inline-block;
  74. position: relative;
  75. }
  76. .section >view image,.sellsection>view image{
  77. display: block;
  78. margin: 0 auto;
  79. }
  80. .section >view image {
  81. width: 55rpx;
  82. height: 55rpx;
  83. margin-top: 20rpx;
  84. margin-bottom: 14rpx;
  85. }
  86. .sellsection>view image{
  87. width: 159rpx;
  88. height: 134rpx;
  89. }
  90. .section text {
  91. font-size: 24rpx;
  92. color: rgba(51, 51, 51, 1);
  93. display: block;
  94. margin-top: 0rpx;
  95. }
  96. .showQrcode {
  97. position: fixed;
  98. top: 0;
  99. left: 0;
  100. right: 0;
  101. bottom: 0;
  102. z-index: 1000;
  103. background: rgba(0, 0, 0, 0.6);
  104. }
  105. .qrcode image {
  106. width: 70rpx;
  107. margin-right: 20rpx;
  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: block;
  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:7rpx;
  176. bottom: 0;
  177. width: 66rpx;
  178. height: 66rpx;
  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. font-family: PingFangSC-Regular;
  190. margin-left: 116rpx;
  191. letter-spacing: 0.64rpx;
  192. line-height: 44rpx;
  193. margin-top: 15rpx;
  194. font-size: 30rpx;
  195. color: #333;
  196. font-weight: bold;
  197. }
  198. .chengzhang {
  199. font-size: 24rpx;
  200. font-weight: 400;
  201. color: #AF6E34;
  202. margin-left:9rpx;
  203. }
  204. .jifen{
  205. margin-left: 70rpx;
  206. color: #999999;
  207. font-size: 23rpx;
  208. }
  209. .jifenNumber{
  210. color:#D18B4C;
  211. font-size: 34rpx;
  212. margin-left: 10rpx;
  213. }
  214. .view {
  215. font-size: 24rpx;
  216. color: #999999;
  217. }
  218. .view>.score{
  219. margin-left:9rpx;
  220. color:#333333;
  221. font-size:30rpx;
  222. margin-right:23rpx;
  223. font-family:PingFang-SC-Bold;
  224. }
  225. .barcodeimg{
  226. position: absolute;
  227. right: 21rpx;
  228. top: 23rpx;
  229. width: 84rpx;
  230. height: 84rpx;
  231. }
  232. .duihuanimg{
  233. width: 86rpx;
  234. height: 63rpx;
  235. right:190rpx;
  236. position:absolute;
  237. top: 60rpx;
  238. }
  239. .leftimg{
  240. position: absolute;
  241. right: 40rpx;
  242. top: 60rpx;
  243. margin-top: -7rpx;
  244. width: 14rpx;
  245. height: 26rpx;
  246. }
  247. .product{
  248. padding: 0 30rpx;
  249. margin-bottom: 30rpx;
  250. }
  251. .product image{
  252. width:690rpx;
  253. height:120rpx;
  254. border-radius:60rpx;
  255. }
  256. .signin{
  257. width: 542rpx;
  258. height: 94rpx;
  259. position: fixed;
  260. top: 0;
  261. left: 0;
  262. right: 0;
  263. z-index: 100;
  264. margin: auto;
  265. }
  266. .signin open-data {
  267. position: absolute;
  268. width:90rpx;
  269. left: 0;
  270. top: 0;
  271. bottom: 0;
  272. height:94rpx;
  273. margin: auto;
  274. border-radius: 50%;
  275. overflow: hidden;
  276. }
  277. .signin text{
  278. display: block;
  279. background: rgba(0, 0, 0, 0.5);
  280. font-size: 28rpx;
  281. height: 80rpx;
  282. width: 100%;
  283. line-height: 80rpx;
  284. color: #D6D5D5;
  285. text-indent: 4em;
  286. border-radius:60rpx;
  287. margin-top: 7rpx;
  288. }