<ion-header>
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-back-button (click)="goBack()"></ion-back-button>
    </ion-buttons>
    <ion-title>{{ poemTitle || '诗词详情' }}</ion-title>
  </ion-toolbar>
</ion-header>

<!-- 背景图层 -->
<div class="background"></div>

<!-- 内容层 -->
<ion-content>
  <div class="content-wrapper">
    <div *ngIf="poemTitle !== null && poemContent !== null" class="poem-content">
      <!-- <h1>{{ poemTitle }}</h1> -->
      <pre>{{ poemContent }}</pre>
    </div>
    <div *ngIf="poemTitle === null || poemContent === null" class="loading-message">
      <p>加载中...</p>
    </div>
  </div>
</ion-content>
