activity-item.scss 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. .activity-item{
  2. padding: 20rpx;
  3. background-color: #FFFFFF;
  4. box-shadow: 0rpx 4rpx 20rpx 0rpx rgba(0,0,0,0.15);
  5. &.active{
  6. border: 4rpx solid rgba(232,116,0,0.34);
  7. padding: 16rpx 16rpx;
  8. .activity-favourites{
  9. color: $textActionColor;
  10. }
  11. }
  12. .activity-favourites{
  13. @include display-flex-center;
  14. font-size: $fontSize2;
  15. &.active{
  16. color: $textActionColor;
  17. }
  18. .iconfont{
  19. font-size: $fontSize2;
  20. margin-right: 4rpx;
  21. }
  22. }
  23. .activity-title{
  24. display: flex;
  25. align-items: flex-start;
  26. justify-content: space-between;
  27. flex: 1;
  28. line-height: 38rpx;
  29. &>view:first-child{
  30. font-weight: bold;
  31. font-size: $fontSize4;
  32. }
  33. .activity-favourites-text{
  34. white-space: nowrap;
  35. }
  36. }
  37. .activity-time{
  38. margin-top: 15rpx;
  39. font-family: Inter, Inter;
  40. font-size: $fontSize2;
  41. }
  42. .activity-views{
  43. margin-top: 15rpx;
  44. font-family: Inter, Inter;
  45. font-size: $fontSize0;
  46. color: #7D7D7D;
  47. line-height: 19rpx;
  48. }
  49. .activity-desc{
  50. @include display-flex-between;
  51. margin-top: 15rpx;
  52. &>view:first-child{
  53. @include text-ellipsis-line;
  54. flex: 1;
  55. margin-right: 51rpx;
  56. font-size: $fontSize1;
  57. line-height: 30rpx;
  58. }
  59. }
  60. .activity-detail-link{
  61. flex-shrink: 0;
  62. @include link-button;
  63. }
  64. }