activityManage.css 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182
  1. page{
  2. background-color: #fff;
  3. }
  4. .top-fixed{
  5. position: fixed;
  6. top: 0;
  7. right: 0;
  8. left: 0;
  9. background-color: #fff;
  10. z-index: 101;
  11. }
  12. .search-box{
  13. padding: 30rpx;
  14. background-color: #fff;
  15. }
  16. .search-text{
  17. color: #999999;
  18. }
  19. .search-input{
  20. height: 76rpx;
  21. line-height: 76rpx;;
  22. background: #F5F5F5;
  23. border-radius: 60rpx;
  24. padding: 0 26rpx;
  25. font-size: 24rpx;
  26. }
  27. .search-input input{
  28. font-size: 24rpx;
  29. }
  30. .search-input image{
  31. width: 34rpx;
  32. height: 34rpx;
  33. margin-right: 26rpx;
  34. }
  35. .search-all{
  36. color: #2a82fd;
  37. font-size: 30rpx;
  38. margin-left: 46rpx;
  39. }
  40. .filter{
  41. padding: 0 0 0 30rpx;
  42. text-align: center;
  43. font-size: 28rpx;
  44. color: #999999;
  45. line-height: 41rpx;
  46. }
  47. .filter-item-icon{
  48. margin-left: 15rpx;
  49. width: 22rpx;
  50. height: 13rpx;
  51. }
  52. .filter-item{
  53. justify-content: center;
  54. }
  55. .f-active{
  56. color: var(--main);
  57. }
  58. .title{
  59. line-height: 50rpx;
  60. font-size: 36rpx;
  61. font-family: PingFang SC-Bold, PingFang SC;
  62. font-weight: bold;
  63. color: #333333;
  64. padding: 0 30rpx;
  65. }
  66. .title text{
  67. font-size: 24rpx;
  68. font-family: PingFang SC-Regular, PingFang SC;
  69. font-weight: 400;
  70. color: #A1A1A1;
  71. margin-left: 20rpx;
  72. }
  73. .padd30{
  74. padding: 30rpx;
  75. }
  76. .act-bar{
  77. padding-bottom:42rpx ;
  78. border-bottom: 2rpx solid #E8E8E8;
  79. margin-bottom: 40rpx;
  80. }
  81. .act-bar:last-child{
  82. border-bottom: none;
  83. }
  84. .act-pic{
  85. position: relative;
  86. width: 270rpx;
  87. height: 174rpx;
  88. border-radius: 6rpx 6rpx 6rpx 6rpx;
  89. margin-right: 24rpx;
  90. }
  91. .act-pic image{
  92. width: 100%;
  93. height: 100%;
  94. border-radius: 6rpx 6rpx 6rpx 6rpx;
  95. }
  96. .act-pic-tag{
  97. position: absolute;
  98. top: 0;
  99. left: 0;
  100. background-color: rgba(0, 0, 0, 0.7);
  101. border-radius: 6rpx 0rpx 15rpx 0rpx;
  102. padding: 0 10rpx;
  103. line-height: 28rpx;
  104. font-size: 20rpx;
  105. font-family: PingFang SC-Regular, PingFang SC;
  106. font-weight: 400;
  107. text-align: center;
  108. color: #FFFFFF;
  109. }
  110. .act-title{
  111. max-height: 80rpx;
  112. line-height: 40rpx;
  113. font-size: 28rpx;
  114. font-family: PingFang SC-Regular, PingFang SC;
  115. font-weight: 400;
  116. color: #000000;
  117. }
  118. .act-time{
  119. line-height: 33rpx;
  120. font-size: 24rpx;
  121. font-family: PingFang SC-Regular, PingFang SC;
  122. font-weight: 400;
  123. color: #999999;
  124. margin-top: 10rpx;
  125. }
  126. .act-bottom{
  127. justify-content: space-between;
  128. margin-top: 20rpx;
  129. }
  130. .act-bottom-look{
  131. font-size: 24rpx;
  132. font-family: PingFang SC-Regular, PingFang SC;
  133. font-weight: 400;
  134. color: #999999;
  135. }
  136. .act-bottom-look image{
  137. width: 28rpx;
  138. height: 28rpx;
  139. margin-right: 6rpx;
  140. }
  141. .act-edit{
  142. width: 113rpx;
  143. height: 52rpx;
  144. line-height: 52rpx;
  145. background: #27D699;
  146. border-radius: 26rpx 26rpx 26rpx 26rpx;
  147. opacity: 1;
  148. text-align: center;
  149. font-size: 24rpx;
  150. font-family: PingFang SC-Regular, PingFang SC;
  151. font-weight: 400;
  152. color: #FFFFFF;
  153. }
  154. .act-create{
  155. width: 110rpx;
  156. height: 110rpx;
  157. background: var(--main);
  158. box-shadow: 0rpx 4rpx 24rpx 1rpx rgba(0,155,98,0.2);
  159. opacity: 1;
  160. font-size: 24rpx;
  161. font-family: PingFang SC-Regular, PingFang SC;
  162. font-weight: 400;
  163. color: #FFFFFF;
  164. text-align: center;
  165. border-radius: 100%;
  166. padding: 20rpx;
  167. box-sizing: border-box;
  168. position: fixed;
  169. bottom: 200rpx;
  170. right: 30rpx;
  171. }
  172. .act-create image{
  173. width: 39rpx;
  174. height: 39rpx;
  175. margin: auto;
  176. }