distributionCenter.wxss 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169
  1. .center-top{
  2. height:240rpx;
  3. background: #09afff;
  4. }
  5. .distribution-main{
  6. margin: 0 auto;
  7. width:694rpx;
  8. min-height: 800rpx;
  9. margin-top:-208rpx;
  10. }
  11. .center-card{
  12. background: url('https://jzmall.lifejingzhi.com/file/jzmall/weixin/distribution/distribution-bg.png') no-repeat center top;
  13. background-size: 100% 100%;
  14. width:694rpx;
  15. height: 280rpx;
  16. }
  17. .user-info{
  18. height: 166rpx;
  19. padding:18rpx 14rpx 36rpx;
  20. display: flex;
  21. align-items: center;
  22. }
  23. .user-avatar{
  24. width:112rpx;
  25. height: 112rpx;
  26. margin:0 44rpx 0 0;
  27. border-radius: 112rpx;
  28. background: #fff;
  29. }
  30. .user-detail{
  31. color: #fff;
  32. height: 112rpx;
  33. padding:16rpx 0 0;
  34. }
  35. .detail-top{
  36. height: 34rpx;
  37. display: flex;
  38. align-items: center;
  39. margin:0 0 20rpx 0;
  40. }
  41. .user-name{
  42. font-size: 34rpx;
  43. /* line-height: 34rpx; */
  44. font-weight:bold;
  45. }
  46. .join-date{
  47. font-size: 24rpx;
  48. line-height: 24rpx;
  49. }
  50. .commander{
  51. width:68rpx;
  52. height: 30rpx;
  53. line-height: 28rpx;
  54. background: #EFD671;
  55. border-radius: 30rpx;
  56. font-size: 20rpx;
  57. color:#2a2a2a;
  58. margin:0 14rpx 0 60rpx;
  59. text-align: center;
  60. }
  61. .user-grade{
  62. width:76rpx;
  63. height: 32rpx;
  64. background: url('https://jzmall.lifejingzhi.com/file/jzmall/weixin/distribution/icon-member.png') no-repeat center top;
  65. background-size: 100% 100%;
  66. font-size: 16rpx;
  67. text-align: right;
  68. padding: 0 16rpx 0 0;
  69. color: #2a2a2a;
  70. line-height: 34rpx;
  71. }
  72. .invite-info{
  73. height:44rpx;
  74. margin:0 0 4rpx;
  75. display: flex;
  76. align-items: center;
  77. justify-content: space-between;
  78. padding:0 36rpx 0 38rpx;
  79. }
  80. .invite-left{
  81. display: flex;
  82. align-items: center;
  83. color: #fff;
  84. font-size: 24rpx;
  85. line-height: 24rpx;
  86. }
  87. .invite-left image{
  88. width:20rpx;
  89. height:20rpx;
  90. margin:0 0 0 14rpx;
  91. }
  92. .invite-right{
  93. display: flex;
  94. align-items: center;
  95. justify-content: center;
  96. width:166rpx;
  97. height: 44rpx;
  98. line-height: 40rpx;
  99. border-radius: 44rpx;
  100. font-size: 24rpx;
  101. background: #EFD671;
  102. }
  103. .adv-text{
  104. height:66rpx;
  105. line-height: 66rpx;
  106. font-size: 24rpx;
  107. color:#fff;
  108. padding:0 0 0 40rpx;
  109. }
  110. .statistics-data{
  111. margin:28rpx 0 0;
  112. width:696rpx;
  113. height:106rpx;
  114. border-radius:10rpx;
  115. }
  116. .statistics-data{
  117. display: flex;
  118. justify-content: space-around;
  119. background: #fff;
  120. padding:20rpx 0 12rpx;
  121. }
  122. .data-item{
  123. flex:1;
  124. font-size: 24rpx;
  125. display: flex;
  126. flex-direction: column;
  127. justify-content: space-between;
  128. align-items: center;
  129. height: 74rpx;
  130. }
  131. .data-text{
  132. font-weight: bold;
  133. }
  134. .center-banner{
  135. height: 228rpx;
  136. margin:28rpx 0;
  137. }
  138. .center-banner image{
  139. width:694rpx;
  140. height: 228rpx;
  141. }
  142. .link-block{
  143. background: #FFFFFF;
  144. border-radius: 10rpx;
  145. }
  146. .link-item{
  147. height: 68rpx;
  148. display: flex;
  149. align-items: center;
  150. padding:0 10rpx;
  151. font-size: 24rpx;
  152. justify-content: space-between;
  153. border-top:2rpx solid #E4E4E4;
  154. }
  155. .link-item:first-child{
  156. border:none;
  157. }
  158. .link-item image{
  159. width:44rpx;
  160. height:44rpx;
  161. margin:0 16rpx 0 0;
  162. }
  163. .link-item text{
  164. flex:1;
  165. }