<ion-header [translucent]="true">
  <ion-toolbar>
    <div class="item-container">
      <ion-avatar class="avatar-container">
        <ion-img [src]="items?.get('headImage')" alt="头像"></ion-img>
      </ion-avatar>
      <div class="info-container">
        <p class="publisher">{{items?.get("publisher")}}</p>
        <h2 class="title">{{items?.get("title")}}</h2>
        <p class="amount">{{items?.get("amount")}}</p>
      </div>
    </div>
  </ion-toolbar>
</ion-header>

<ion-content [fullscreen]="true">
  <ion-card class="content">
    <p>产品：{{items?.get("name")}}</p>
    <P>地点：{{items?.get("location")}}</P>
    <p>内容：{{items?.get("content")}}</p>
    <p>图片：</p>
    <div class="image-container">
      <ion-img [src]="items?.get('image')"></ion-img>
    </div>
  </ion-card>
</ion-content>