<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 item of dailyItems">
      <img [src]="item.image" alt="{{ item.title }}" class="daily-image" *ngIf="item.image">
      <h3>{{ item.date }}</h3>
      <h4>{{ item.title }}</h4>
      <p>{{ item.snippet }}</p>
    </div>
  </div>
</ion-content>

