invitees.wxss 963 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. /* pages/invitees/invitees.wxss */
  2. .invitees-wrp{
  3. }
  4. .invitees-list{
  5. }
  6. .invitees-list-item{
  7. display: flex;
  8. align-items: center;
  9. padding: 30rpx;
  10. background-color: #fff;
  11. border-radius: 10rpx;
  12. margin: 20rpx 0;
  13. }
  14. .invitees-list-item:hover{
  15. background-color: #eee;
  16. }
  17. .invitees-list-item .avtor{
  18. max-width: 100rpx;
  19. max-height: 100rpx;
  20. margin-right: 20rpx;
  21. }
  22. .invitees-list-item .content{
  23. flex: 1;
  24. height: 100rpx;
  25. display: flex;
  26. flex-direction: column;
  27. justify-content: space-evenly;
  28. margin-right: 20rpx;
  29. overflow: hidden;
  30. white-space: nowrap;
  31. word-break: keep-all;
  32. text-overflow: ellipsis;
  33. }
  34. .invitees-list-item .content .title{
  35. /* padding: 10rpx 0; */
  36. margin-top: -10rpx;
  37. font-size: 30rpx;
  38. }
  39. .invitees-list-item .content .desc, .invitees-list-item .extra{
  40. font-size: 22rpx;
  41. color: #8e8e8e;
  42. }
  43. .invitees-list-item .extra{
  44. display: flex;
  45. flex-direction: column;
  46. line-height: 1.8;
  47. text-align: right;
  48. }