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.

564 rindas
8.9 KiB

  1. @import "../app.wxss";
  2. page{
  3. background: #F4F5F9;
  4. }
  5. .index-position {
  6. background: rgba(0, 0, 0, 0.5);
  7. height: 88rpx;
  8. position: absolute;
  9. top: 0;
  10. width: 100%;
  11. font-family: PingFangSC-Semibold;
  12. font-size: 30rpx;
  13. color: #fff;
  14. letter-spacing: 0.75rpx;
  15. z-index: 9;
  16. line-height: 88rpx;
  17. overflow: hidden;
  18. }
  19. .red{
  20. position:absolute;
  21. width:13rpx;
  22. height:13rpx;
  23. border-radius:50%;
  24. background:red;
  25. right:-50rpx;
  26. top:19rpx;
  27. left:0;
  28. margin:auto;
  29. display: none;
  30. }
  31. page {
  32. width: 100%;
  33. height: auto !important;
  34. overflow-x: hidden;
  35. }
  36. .txt {
  37. margin-left: 20rpx;
  38. }
  39. .game-entry {
  40. position: fixed;
  41. right: 27rpx;
  42. bottom:323rpx;
  43. width: 120rpx;
  44. margin: 37rpx auto 0;
  45. z-index: 10;
  46. }
  47. .gameimg {
  48. display: block;
  49. width: 100%;
  50. }
  51. .userinfo{
  52. width:690rpx;
  53. height: 96rpx;
  54. border-radius:16rpx;
  55. display: flex;
  56. justify-content: space-between;
  57. margin: 0 auto 30rpx;
  58. }
  59. .infoLeft{
  60. height: 100%;
  61. border-radius:12rpx;
  62. background: #FFF;
  63. }
  64. .section {
  65. padding: 0 20rpx;
  66. justify-content: space-around;
  67. text-align: center;
  68. margin-top: 25rpx;
  69. margin-bottom: 30rpx;
  70. }
  71. .sellsection{
  72. margin-bottom: 37rpx;
  73. padding: 0 38rpx;
  74. }
  75. .section >view,.sellsection>view{
  76. width: 25%;
  77. display: inline-block;
  78. position: relative;
  79. }
  80. .section >view image,.sellsection>view image{
  81. display: block;
  82. margin: 0 auto;
  83. }
  84. .section >view image {
  85. width: 55rpx;
  86. height: 55rpx;
  87. margin-top: 20rpx;
  88. margin-bottom: 14rpx;
  89. }
  90. .sellsection>view image{
  91. width: 159rpx;
  92. height: 134rpx;
  93. }
  94. .section text {
  95. font-size: 24rpx;
  96. color: rgba(51, 51, 51, 1);
  97. display: block;
  98. margin-top: 0rpx;
  99. }
  100. .showQrcode {
  101. position: fixed;
  102. top: 0;
  103. left: 0;
  104. right: 0;
  105. bottom: 0;
  106. z-index: 1000;
  107. background: rgba(0, 0, 0, 0.6);
  108. }
  109. .qrcode image {
  110. margin: 15rpx 20rpx 15rpx;
  111. z-index:100;
  112. }
  113. .showQrcode {
  114. position: fixed;
  115. top: 0;
  116. left: 0;
  117. right: 0;
  118. bottom: 0;
  119. z-index: 1000;
  120. background: rgba(0, 0, 0, 0.6);
  121. }
  122. .canvas-box {
  123. position: fixed;
  124. width: 500rpx;
  125. overflow: hidden;
  126. left: 0;
  127. top: 200rpx;
  128. right: 0;
  129. margin: auto;
  130. background: #fff;
  131. border-radius: 16rpx;
  132. z-index:100;
  133. padding-bottom: 30rpx;
  134. }
  135. .showQrcode text {
  136. display: none;
  137. text-align: center;
  138. font-size: 28rpx;
  139. }
  140. .button {
  141. width: 414rpx;
  142. text-align: center;
  143. margin: 0 auto;
  144. height: 80rpx;
  145. line-height: 80rpx;
  146. background: rgba(255, 255, 255, 1);
  147. border-radius: 10rpx;
  148. font-size: 32rpx;
  149. color: rgba(2, 192, 255, 1);
  150. overflow: hidden;
  151. }
  152. .memberIds{
  153. padding-top: 30rpx;
  154. font-size: 30rpx;
  155. }
  156. .search{
  157. background:rgba(2, 192, 255, 1);
  158. height: 50rpx;
  159. }
  160. .searchbar{
  161. position: relative;
  162. width: 685rpx;
  163. height: 76rpx;
  164. margin: 0 auto;
  165. text-align: center;
  166. }
  167. .searchbar image{
  168. width: 40rpx;
  169. }
  170. .searchbar text{
  171. font-size: 28rpx;
  172. line-height: 50rpx;
  173. color: #fff;
  174. display: inline-block;
  175. }
  176. .user-avatar {
  177. width: 80rpx;
  178. height: 80rpx;
  179. border-radius: 50%;
  180. overflow: hidden;
  181. float: left;
  182. margin: 10rpx 10rpx;
  183. }
  184. .user-avatar open-data {
  185. display:block;
  186. width:100%;
  187. height:100%;
  188. }
  189. .user-data {
  190. letter-spacing: 0.64rpx;
  191. line-height: 46rpx;
  192. font-size: 30rpx;
  193. color: #333;
  194. background: #FFF;
  195. margin-top: 10rpx;
  196. margin-bottom: 26rpx;
  197. float: right;
  198. display: flex;
  199. flex-direction: column;
  200. }
  201. .nameBox open-data{
  202. float: left;
  203. }
  204. .chengzhangBox{
  205. height:32rpx;
  206. line-height: 26rpx;
  207. border-radius:9px 9px 9px 0px;
  208. font-family:PingFangSC-Regular;
  209. font-weight:400;
  210. color:rgba(255,255,255,1);
  211. float: left;
  212. margin-top: 8rpx;
  213. }
  214. .chengzhang {
  215. font-size: 22rpx;
  216. font-weight: 400;
  217. color: #FFFFFF;
  218. height:22rpx;
  219. line-height: 22rpx;
  220. padding: 0 8rpx;
  221. }
  222. .integral{
  223. margin-left: 70rpx;
  224. }
  225. .jifen{
  226. display: inline-block;
  227. height: 34rpx;
  228. color: #999999;
  229. font-size:24rpx;
  230. line-height: 34rpx;
  231. }
  232. .jifenNumber{
  233. color:#D18B4C;
  234. font-size: 34rpx;
  235. line-height: 34rpx;
  236. margin-left: 10rpx;
  237. font-weight: bold;
  238. }
  239. .view {
  240. display: flex;
  241. font-size: 24rpx;
  242. color: #999999;
  243. }
  244. .view>.score{
  245. margin-left:9rpx;
  246. color:#333333;
  247. font-size:30rpx;
  248. margin-right:23rpx;
  249. font-family:PingFang-SC-Bold;
  250. }
  251. .qrcode{
  252. width: 106rpx;
  253. height: 96rpx;
  254. background: #FFF;
  255. border-radius:12rpx;
  256. }
  257. .qrcodeimg{
  258. width: 68rpx!important;
  259. height: 68rpx!important;
  260. }
  261. .leftimg{
  262. position: absolute;
  263. right: 40rpx;
  264. top: 60rpx;
  265. margin-top: -7rpx;
  266. width: 14rpx;
  267. height: 26rpx;
  268. }
  269. .duihuanimg{
  270. display: block;
  271. width: 48rpx;
  272. margin-top: 6rpx;
  273. }
  274. .product{
  275. width: 710rpx;
  276. margin: 30rpx auto 10rpx;
  277. border-radius: 16rpx;
  278. overflow: hidden;
  279. }
  280. .product image{
  281. display: block;
  282. width: 100%;
  283. }
  284. .textBox{
  285. width: 400rpx;
  286. height: 100%;
  287. float: left;
  288. margin-left: 10rpx;
  289. }
  290. .textBox .name{
  291. width: 400rpx;
  292. font-size: 28rpx;
  293. color: #3C3C3C;
  294. margin-top: 20rpx;
  295. }
  296. .textBox .title{
  297. width: 400rpx;
  298. font-size: 20rpx;
  299. color: #A6A6A6;
  300. margin-top: 10rpx;
  301. }
  302. .product .gift{
  303. width:88rpx;
  304. height:88rpx;
  305. float: left;
  306. margin-top: 30rpx;
  307. margin-left: 15rpx;
  308. }
  309. .next image{
  310. width: 26rpx;
  311. height: 40rpx;
  312. }
  313. .gift image{
  314. width:88rpx;
  315. height:76rpx;
  316. }
  317. .product .next{
  318. width:32rpx;
  319. height:60rpx;
  320. float: right;
  321. margin-top: 40rpx;
  322. margin-right: 26rpx;
  323. }
  324. #rushtobyCard{
  325. margin-top: 30rpx;
  326. }
  327. .signin{
  328. width: 542rpx;
  329. height: 94rpx;
  330. position: fixed;
  331. top: 0;
  332. left: 0;
  333. right: 0;
  334. z-index: 100;
  335. margin: auto;
  336. }
  337. .signin open-data {
  338. position: absolute;
  339. width:90rpx;
  340. left: 0;
  341. top: 0;
  342. bottom: 0;
  343. height:94rpx;
  344. margin: auto;
  345. border-radius: 50%;
  346. overflow: hidden;
  347. }
  348. .signin text{
  349. display: block;
  350. background: rgba(0, 0, 0, 0.5);
  351. font-size: 28rpx;
  352. height: 80rpx;
  353. width: 100%;
  354. line-height: 80rpx;
  355. color: #D6D5D5;
  356. text-indent: 4em;
  357. border-radius:60rpx;
  358. margin-top: 7rpx;
  359. }
  360. .remainchengzhangzhi{
  361. display: block;
  362. color: #A6A6A6;
  363. font-size: 22rpx;
  364. margin-top: 5rpx;
  365. height: 30rpx;
  366. line-height: 30rpx;
  367. float: left;
  368. margin-left:10rpx;
  369. width: 255rpx;
  370. overflow: hidden;
  371. text-overflow:ellipsis;
  372. white-space: nowrap;
  373. }
  374. progress{
  375. width:200rpx;
  376. border-radius:60rpx;
  377. overflow:hidden;
  378. float: left;
  379. margin-top: 10rpx;
  380. }
  381. .channelBox{
  382. width:688rpx;
  383. height: 220rpx;
  384. margin:0 auto;
  385. display: flex;
  386. justify-content: space-between;
  387. background: #F4F5F9;
  388. }
  389. .kjBox{
  390. width: 104rpx;
  391. height: 148rpx;
  392. font-size: 24rpx;
  393. color: #A6A6A6;
  394. margin-top: 46rpx;
  395. text-align: center;
  396. }
  397. .kjBox image{
  398. width: 104rpx;
  399. height: 104rpx;
  400. }
  401. .toutiao{
  402. width:710rpx;
  403. height: 128rpx;
  404. line-height: 128rpx;
  405. margin:0 auto;
  406. background: #FFF;
  407. box-shadow:0px 6rpx 16rpx 0px rgba(236,238,243,1);
  408. border-radius:12rpx;
  409. margin-top: 18rpx;
  410. margin-bottom:18rpx;
  411. position: relative;
  412. }
  413. .toutiao1{
  414. width:710rpx;
  415. height: 128rpx;
  416. margin:0 auto;
  417. background: #FFF;
  418. box-shadow:0px 6rpx 16rpx 0px rgba(236,238,243,1);
  419. border-radius:12rpx;
  420. margin-top: 18rpx;
  421. margin-bottom:18rpx;
  422. display: flex;
  423. justify-content: space-between;
  424. }
  425. .xianshi{
  426. display: flex;
  427. flex-direction: column;
  428. justify-content: center;
  429. align-content: center;
  430. font-size: 30rpx;
  431. padding: 20rpx;
  432. }
  433. .xianshi>text{
  434. height: 40rpx;
  435. }
  436. .xianshi>text:nth-child(1){
  437. font-size:30rpx;
  438. font-family:PingFangSC;
  439. font-weight:500;
  440. }
  441. .xianshi>text:nth-child(2){
  442. margin-top: 10rpx;
  443. height:28rpx;
  444. font-size:20rpx;
  445. font-family:PingFangSC;
  446. font-weight:400;
  447. color:rgba(166,166,166,1);
  448. line-height:28rpx;
  449. }
  450. .xsCon{
  451. width: 300rpx;
  452. display: flex;
  453. justify-content:flex-end;
  454. overflow: hidden;
  455. }
  456. .igBox{
  457. height: 100%;
  458. width: 100rpx;
  459. display: flex;
  460. flex-direction: column;
  461. justify-content: center;
  462. align-content: center;
  463. }
  464. .igBoxm{
  465. height: 100%;
  466. width: 100rpx;
  467. display: flex;
  468. flex-direction: column;
  469. text-align: center;
  470. }
  471. .imageH{
  472. height:50rpx!important;
  473. width: 50rpx!important;
  474. border-radius: 50%;
  475. margin: 15rpx auto;
  476. margin-bottom: 15rpx;
  477. }
  478. .more{
  479. height:70rpx!important;
  480. width: 70rpx!important;
  481. margin: 0 auto;
  482. }
  483. .imTit{
  484. height:14px;
  485. font-size:10px;
  486. font-family:PingFangSC;
  487. font-weight:400;
  488. color:rgba(60,60,60,1);
  489. line-height:14px;
  490. width: 100%;
  491. overflow: hidden;
  492. text-overflow:ellipsis;
  493. white-space: nowrap;
  494. text-align: center;
  495. }
  496. .toutiao view:nth-child(2){
  497. font-size:26rpx;
  498. font-family:PingFangSC-Regular;
  499. font-weight:400;
  500. color:rgba(60,60,60,1);
  501. float: left;
  502. width: 500rpx;
  503. overflow: hidden;
  504. text-overflow:ellipsis;
  505. white-space: nowrap;
  506. }
  507. .toutiao view:nth-child(2) text:nth-child(1){
  508. color: red;
  509. }
  510. .toutiao view:nth-child(2) text:nth-child(2){
  511. text-decoration: line-through;
  512. color: red;
  513. }
  514. .toutiao .imgBox{
  515. width: 64rpx;
  516. height: 64rpx;
  517. float: left;
  518. margin:5rpx 0 5rpx 20rpx;
  519. }
  520. .toutiao image{
  521. width: 48rpx;
  522. height: 38rpx;
  523. margin: auto;
  524. }
  525. .toutiao .qg{
  526. width: 80rpx;
  527. height: 44rpx;
  528. line-height: 44rpx;
  529. border-radius:18rpx;
  530. border:2rpx solid;
  531. position: absolute;
  532. top: 0;
  533. bottom: 0;
  534. right: 20rpx;
  535. margin: auto;
  536. font-size:24rpx;
  537. font-family:PingFangSC-Medium;
  538. font-weight:500;
  539. color:#FD782D;
  540. text-align: center;
  541. }
  542. i-tabs i-tabs-scroll{
  543. background: #F4F5F9!important;
  544. }