chat-item.wxss 792 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. @import "chat-item-head.wxss";
  2. .chat-item-style{
  3. width:100%;
  4. display: flex;
  5. align-items: center;
  6. position: relative;
  7. }
  8. .chat-item-content-super-style{
  9. display: flex;
  10. flex-direction: column;
  11. width: 50%;
  12. }
  13. .chat-item-name-style{
  14. color: #666666;
  15. font-size: 32rpx;
  16. margin-bottom: 14rpx;
  17. }
  18. .chat-item-content-style{
  19. min-height: 20rpx;
  20. width: 100%;
  21. color: #666666;
  22. font-size: 26rpx;
  23. text-overflow: ellipsis;
  24. white-space: nowrap;
  25. overflow: hidden;
  26. }
  27. .chat-item-status-super-style{
  28. position: absolute;
  29. right: 34rpx;
  30. top: 35rpx;
  31. display:flex;
  32. flex-direction: column;
  33. align-items:flex-end;
  34. }
  35. .chat-item-time-style{
  36. color: #999999;
  37. font-size: 20rpx;
  38. margin-bottom: 20rpx;
  39. text-align: right;
  40. }