search-result.wxss 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190
  1. /* 列表 */
  2. .box-body {
  3. margin-top: 10rpx;
  4. width: 100%;
  5. overflow: hidden;
  6. }
  7. .box-item {
  8. display: flex;
  9. font-size: 28rpx;
  10. color: #999;
  11. box-sizing: border-box;
  12. }
  13. .item-hover {
  14. background: #cacfd3;
  15. }
  16. .box-item .box-item-img {
  17. display: flex;
  18. flex: 0 0 auto;
  19. width: 150rpx;
  20. height: 150rpx;
  21. border-radius: 6rpx;
  22. background: #fff;
  23. }
  24. .box-item .box-item-info {
  25. display: flex;
  26. flex-direction: column;
  27. justify-content: space-between;
  28. flex-grow: 1;
  29. box-sizing: border-box;
  30. overflow: hidden;
  31. padding: 40rpx 20rpx 30rpx 30rpx;
  32. border-bottom: 1px solid #eaeaea;
  33. }
  34. .box-item .one {
  35. display: flex;
  36. justify-content: space-between;
  37. color: #333;
  38. }
  39. .box-item .one .left {
  40. display: flex;
  41. flex-grow: 1;
  42. align-items: center;
  43. }
  44. .job {
  45. color: #333;
  46. font-size: 30rpx;
  47. font-family: PingFang-SC-Bold;
  48. font-weight: bold;
  49. letter-spacing: 4rpx;
  50. }
  51. .salary {
  52. color: #ef7618;
  53. font-size: 30rpx;
  54. font-weight: bold;
  55. }
  56. .danwei {
  57. font-size: 20rpx;
  58. font-weight: 400;
  59. }
  60. .fan {
  61. background: url("https://happyjob.oss-cn-shanghai.aliyuncs.com/uploadfiles/mina/images/home/fanBg.png") no-repeat;
  62. background-size: 100% 100%;
  63. /* margin-left: 10rpx; */
  64. font-size: 20rpx;
  65. padding: 4rpx 10rpx;
  66. color: #fff;
  67. }
  68. .two {
  69. display: flex;
  70. justify-content: space-between;
  71. color: #909090;
  72. font-size: 20rpx;
  73. margin-top: 30rpx;
  74. }
  75. .two .limit {
  76. display: flex;
  77. flex-wrap: wrap;
  78. flex-grow: 1;
  79. overflow: hidden;
  80. margin-right: 10rpx;
  81. }
  82. .two .limit i-tag {
  83. margin-bottom: 10rpx;
  84. }
  85. .two .time {
  86. flex: 0 0 auto;
  87. }
  88. .three {
  89. display: flex;
  90. justify-content: space-between;
  91. align-items: center;
  92. font-size: 20rpx;
  93. margin-top: 35rpx;
  94. }
  95. .three .limit {
  96. display: flex;
  97. flex-wrap: wrap;
  98. flex-grow: 1;
  99. overflow: hidden;
  100. margin-right: 10rpx;
  101. }
  102. .three .limit i-tag {
  103. margin-bottom: 10rpx;
  104. }
  105. .three .time {
  106. flex: 0 0 auto;
  107. }
  108. .tag-class {
  109. color: #37aceb;
  110. background: #e2f4fe !important;
  111. margin-right: 10rpx;
  112. white-space: nowrap;
  113. }
  114. .loading_no {
  115. display: flex;
  116. justify-content: center;
  117. align-items: center;
  118. height: 60rpx;
  119. font-size: 22rpx;
  120. color: #696969;
  121. }
  122. .active {
  123. color: #ef7618;
  124. }
  125. .box-item .four {
  126. display: flex;
  127. justify-content: space-between;
  128. align-items: center;
  129. color: #3c3c3c;
  130. background: #fff5e1;
  131. padding: 10rpx 20rpx;
  132. }
  133. .box-item .four .pt-member {
  134. font-size: 22rpx;
  135. }
  136. .box-item .four .number {
  137. font-size: 28rpx;
  138. font-weight: 700;
  139. }
  140. .box-item .four .endtime {
  141. font-size: 20rpx;
  142. }
  143. /* 空白页 */
  144. .no_data {
  145. width: 100%;
  146. margin-top: 30%;
  147. display: flex;
  148. justify-content: center;
  149. align-items: center;
  150. flex-direction: column;
  151. }
  152. .white {
  153. width: 68px;
  154. height: 98px;
  155. }
  156. .no_text {
  157. color: #ccc;
  158. font-size: 28rpx;
  159. margin-top: 20rpx;
  160. }