123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566 |
- .activity-item{
- padding: 20rpx;
- background-color: #FFFFFF;
- box-shadow: 0rpx 4rpx 20rpx 0rpx rgba(0,0,0,0.15);
- &.active{
- border: 4rpx solid rgba(232,116,0,0.34);
- padding: 16rpx 16rpx;
- .activity-favourites{
- color: $textActionColor;
- }
- }
- .activity-favourites{
- @include display-flex-center;
- font-size: $fontSize2;
- &.active{
- color: $textActionColor;
- }
- .iconfont{
- font-size: $fontSize2;
- margin-right: 4rpx;
- }
- }
- .activity-title{
- display: flex;
- align-items: flex-start;
- justify-content: space-between;
- flex: 1;
- line-height: 38rpx;
- &>view:first-child{
- font-weight: bold;
- font-size: $fontSize4;
- }
- .activity-favourites-text{
- white-space: nowrap;
- }
- }
- .activity-time{
- margin-top: 15rpx;
- font-family: Inter, Inter;
- font-size: $fontSize2;
- }
- .activity-views{
- margin-top: 15rpx;
- font-family: Inter, Inter;
- font-size: $fontSize0;
- color: #7D7D7D;
- line-height: 19rpx;
- }
- .activity-desc{
- @include display-flex-between;
- margin-top: 15rpx;
- &>view:first-child{
- @include text-ellipsis-line;
- flex: 1;
- margin-right: 51rpx;
- font-size: $fontSize1;
- line-height: 30rpx;
- }
- }
- .activity-detail-link{
- flex-shrink: 0;
- @include link-button;
- }
- }
-
|