<ion-header>
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-button (click)="navigateToDiary()">
        <ion-icon name="calendar"></ion-icon>
        <span>日历</span>
      </ion-button>
    </ion-buttons>

    <ion-title>每日内容</ion-title>

    <ion-buttons slot="end">
      <ion-button (click)="navigateToToday()">
        <ion-icon name="today-outline"></ion-icon>
        <span>今日</span>
      </ion-button>
    </ion-buttons>
  </ion-toolbar>
</ion-header>

<ion-content>
  <div class="daily-content-wrapper">
    <div class="daily-item" *ngFor="let content of PLContentsList">
        <p>{{ content.get('type') }}</p>
        <h1 style="text-align: center;">{{ content.get('title') }}</h1>
        <img [src]="content.get('image')" alt="{{ content.get('title') }}" class="card-image">
        <h4 style="text-align: center;">{{ content.get('snippet') }}</h4>
        <p style="text-align: center;">{{ content.get('time') }} ---- {{ content.get('editor') }}</p>
    </div>
  </div>
</ion-content>

<!-- <ng-container *ngIf="content.get('type') === '图文'"> -->
<!-- </ng-container> -->

