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.

600 wiersze
9.5 KiB

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