gift-log.component.html 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. <nav title="礼物列表"></nav>
  2. <ion-content class="content">
  3. <ion-segment
  4. [scrollable]="true"
  5. (ionChange)="segmentChanged($event)"
  6. layout="icon-bottom"
  7. value="from"
  8. mode="md"
  9. >
  10. <ion-segment-button value="from" class="tabs" content-id="from">
  11. <ion-label>我送出的</ion-label>
  12. </ion-segment-button>
  13. <ion-segment-button value="to" class="tabs" content-id="to">
  14. <ion-label>送给我的</ion-label>
  15. </ion-segment-button>
  16. </ion-segment>
  17. <!-- <div class="list"> -->
  18. <div class="comment-list">
  19. @for (item of list; track $index) { @if (active === 'from') {
  20. <div class="li">
  21. <div class="li-user">
  22. <img
  23. [src]="item?.get('fromUser')?.get('avatar')"
  24. alt=""
  25. class="avatar"
  26. />
  27. </div>
  28. <div class="li-right">
  29. <div class="li-row">
  30. <div class="nickname">
  31. {{ item?.get("fromUser")?.get("nickname") }}
  32. <div
  33. class="level"
  34. [style.background-color]="
  35. aiChatServ.userLevelColor[
  36. item?.get('fromUser').get('achievementCount')
  37. ]?.color
  38. "
  39. >
  40. LV{{ item?.get("fromUser").get("achievementCount") }}
  41. </div>
  42. </div>
  43. <div class="gift">
  44. <img [src]="item?.get('image')" alt="" />x{{ item?.get("index") }}
  45. </div>
  46. </div>
  47. <div class="li-row">
  48. <div class="time">
  49. {{ item.createdAt | date : "yyyy-MM-dd HH:mm" }}
  50. </div>
  51. <div class="credit">
  52. 钻石:<span style="color: red">{{ item?.get("gold") }}</span>
  53. </div>
  54. </div>
  55. </div>
  56. </div>
  57. }@else {
  58. <div class="li">
  59. <div class="li-user">
  60. <img
  61. [src]="item?.get('fromUser')?.get('avatar')"
  62. alt=""
  63. class="avatar"
  64. />
  65. </div>
  66. <div class="li-right">
  67. <div class="li-row">
  68. <div class="nickname">
  69. {{ item?.get("fromUser")?.get("nickname") }}
  70. <div
  71. class="level"
  72. [style.background-color]="
  73. aiChatServ.userLevelColor[
  74. item?.get('fromUser').get('achievementCount')
  75. ]?.color
  76. "
  77. >
  78. LV{{ item?.get("fromUser").get("achievementCount") }}
  79. </div>
  80. </div>
  81. <div class="gift">
  82. <img [src]="item?.get('image')" alt="" />x{{ item?.get("index") }}
  83. </div>
  84. </div>
  85. <div class="li-row">
  86. <div class="time">
  87. {{ item.createdAt | date : "yyyy-MM-dd HH:mm" }}
  88. </div>
  89. <div class="credit">
  90. 钻石:<span style="color: red">{{ item?.get("gold") }}</span>
  91. </div>
  92. </div>
  93. </div>
  94. </div>
  95. } }
  96. </div>
  97. @if (disbable) {
  98. <ion-infinite-scroll (ionInfinite)="onIonInfinite($event)">
  99. <ion-infinite-scroll-content></ion-infinite-scroll-content>
  100. </ion-infinite-scroll>
  101. }
  102. </ion-content>