memberList.wxss 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. .member-list {
  2. background-color: #fff;
  3. margin-top: 20rpx;
  4. }
  5. .member-list .list-item {
  6. font-size: 24rpx;
  7. display: flex;
  8. padding: 24rpx;
  9. min-height: 130rpx;
  10. position: relative;
  11. align-items: center;
  12. justify-content: space-between;
  13. }
  14. .member-list .list-item:after {
  15. content: '';
  16. position: absolute;
  17. left: 0.16rem;
  18. right: 0.16rem;
  19. top: auto;
  20. bottom: 0;
  21. background-color: #e9e9e9;
  22. height: 0.02667rem;
  23. transform: scaleY(0.5);
  24. }
  25. image {
  26. width: 100%;
  27. height: 80rpx;
  28. }
  29. .member-list .list-item .list-item-img {
  30. width: 80rpx;
  31. height: 80rpx;
  32. flex-shrink: 0;
  33. border-radius: 100%;
  34. margin-right: 16rpx;
  35. overflow: hidden;
  36. }
  37. .member-list .list-item .list-item-mes {
  38. width: 100%;
  39. flex-shrink: 1;
  40. overflow: hidden;
  41. }
  42. .flex-items {
  43. display: flex;
  44. }
  45. .member-list .list-item .list-item-name {
  46. color: #747474;
  47. height: 40rpx;
  48. line-height: 40rpx;
  49. margin-bottom: 8rpx;
  50. justify-content: space-between;
  51. }
  52. .member-list .list-item .list-item-name .name {
  53. font-size: 26rpx;
  54. color: #212121;
  55. width: 100%;
  56. flex-shrink: 1;
  57. overflow: hidden;
  58. text-overflow: ellipsis;
  59. white-space: nowrap;
  60. }
  61. .member-list .list-item .list-item-mes .text-right {
  62. flex-shrink: 0;
  63. text-align: right;
  64. }
  65. .member-list .list-item .list-item-submes {
  66. height: 32rpx;
  67. line-height: 32rpx;
  68. color: #424242;
  69. justify-content: space-between;
  70. }
  71. .member-list .list-item .icon-right {
  72. flex-shrink: 0;
  73. color: #bdbdbd;
  74. margin-left: 24rpx;
  75. }
  76. .member-list .list-item .icon-right image {
  77. width: 12rpx;
  78. height: 22rpx;
  79. }