<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>
      </div>
    </div>
  </ion-toolbar>
</ion-header>

<ion-content [fullscreen]="true">
  <ion-card class="content">
    <p>活动名：{{items?.get("name")}}</p>
    <p>可参与对象：{{items?.get("target")}}</p>
    <p>开始时间：{{items?.get("time")}}</p>
    <p>时长：{{items?.get("duration")}}</p>
    <P>地点：{{items?.get("location")}}</P>
    <p>内容：{{items?.get("content")}}</p>
  </ion-card>
</ion-content>