<nav title="邀请好友"></nav>
<div class="content">
  <div class="share">
    <div class="share-view">
      <img [src]="imgUrl" height="480" width="300" class="poster" id="banner" />
    </div>
    <div class="share-footre">
      <div class="share-btn" (click)="copyText()">
        <img
          class="share-icon"
          src="https://file-cloud.fmode.cn/UP2cStyjuk/20231113/n3v3v7031154456.png"
        />
        复制链接
      </div>
      <div class="share-btn" (click)="downImg()">
        <img
          class="share-icon"
          src="https://file-cloud.fmode.cn/UP2cStyjuk/20231113/i469vf031154765.png"
        />
        图片分享
      </div>
    </div>
  </div>
  <div class="list">
    <div class="title">邀请记录</div>
    @for (item of list; track $index) {
    <div class="li" (click)="toUrl(item?.id)">
      <div class="li-left">
        <img [src]="item?.get('avatar')" class="avatar" />
      </div>
      <div class="li-right">
        <div class="li-right-user">
          <div class="user-name">
            {{
              item?.get("nickname") ||
                item?.id
            }}
          </div>
          <div class="time">
            {{ item.createdAt | date : "yyyy-MM-dd HH:mm" }}
          </div>
        </div>
        <ion-icon name="chevron-forward"></ion-icon>
      </div>
    </div>
    }
  </div>
</div>
