C端小程序
Nie możesz wybrać więcej, niż 25 tematów Tematy muszą się zaczynać od litery lub cyfry, mogą zawierać myślniki ('-') i mogą mieć do 35 znaków.

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