<nav title="礼物打赏记录"></nav>
<ion-content class="content">
  <div class="comment-list">
    @for (item of giftList; track $index) {
    <div class="li">
      <div class="li-user">
        <img
          [src]="item?.get('fromUser')?.get('avatar')"
          alt=""
          class="avatar"
        />
      </div>
      <div class="li-right">
        <div class="li-row">
          <div class="nickname">
            {{ item?.get("fromUser")?.get("nickname") }}
            <div
              class="level"
              [style.background-color]="
                aiChatServ.userLevelColor[
                  item?.get('fromUser').get('achievementCount')
                ]?.color
              "
            >
              LV{{ item?.get("fromUser").get("achievementCount") }}
            </div>
          </div>
          <div class="gift">
            <img [src]="item?.get('image')" alt="" />x{{ item?.get("index") }}
          </div>
        </div>
        <div class="li-row">
          <div class="time">
            {{ item.createdAt | date : "yyyy-MM-dd HH:mm" }}
          </div>
          <div class="credit">钻石：<span style="color: red;">{{ item?.get("gold") }}</span></div>
        </div>
      </div>
    </div>
    }
  </div>
  <ion-infinite-scroll (ionInfinite)="onIonInfinite($event)">
    <ion-infinite-scroll-content></ion-infinite-scroll-content>
  </ion-infinite-scroll>
</ion-content>
