<nav title="充值记录"></nav>
<ion-content class="content">
  @for (item of list; track $index) {
  <div class="log-item" (click)="toUrl(item.id)">
    <div class="item-col">
      <div class="title">{{ item?.get("targetObject")[0]?.get("name") }}</div>
      <div class="desc">
        {{ item?.get("createdAt") | date : "yyyy-MM-dd HH:mm" }}
      </div>
    </div>
    <div class="item-col-right">
      <div class="row">
        <div class="desc">{{ item?.get("price") }}</div>
        <div class="desc">
          @switch (item?.get("status")) { @case ('100') { 已取消 }@case ('200')
          {
          <div class="tag"></div>
          已完成 } @case ('500') { 已退款 } }
        </div>
      </div>
      <ion-icon name="chevron-forward-outline"></ion-icon>
    </div>
  </div>
  }
  <ion-infinite-scroll (ionInfinite)="onIonInfinite($event)">
    <ion-infinite-scroll-content></ion-infinite-scroll-content>
  </ion-infinite-scroll>
</ion-content>
