<ion-header [translucent]="true">
  <ion-toolbar>
    <ion-title>详情</ion-title>
    <ion-buttons slot="start">  
      <ion-button (click)="goBack()">  
        <ion-icon slot="icon-only" name="arrow-back"></ion-icon>  
      </ion-button>  
    </ion-buttons>  
  </ion-toolbar>  
</ion-header>

<ion-content>  
  <ion-grid>  
    <ion-row>  
      <ion-col size="12">  
        <h2>{{ shige?.get('title') }}</h2>  
        <p>朝代: {{ shige?.get('dynasty') }}</p>  
        <p>作者: {{ shige?.get('author') }}</p>  
        <div class="poem-content" [innerHTML]="shige?.get('content')">  
        </div>  
      </ion-col>  
    </ion-row>  
  
    <ion-row>  
      <ion-col size="12" >  
        <ion-card>  
          <ion-card-header>  
            <ion-card-title>简介</ion-card-title>  
          </ion-card-header>  
          <ion-card-content [innerHTML]="shige?.get('intro')">  
          </ion-card-content>  
        </ion-card>  
  
        <ion-card>  
          <ion-card-header>  
            <ion-card-title>译文</ion-card-title>  
          </ion-card-header>  
          <ion-card-content  [innerHTML]="shige?.get('yiwen')">  
           
          </ion-card-content>  
        </ion-card>  
  
        <ion-card>  
          <ion-card-header>  
            <ion-card-title>赏析</ion-card-title>  
          </ion-card-header>  
          <ion-card-content [innerHTML]="shige?.get('review')">  
            
          </ion-card-content>  
        </ion-card>  
      </ion-col>  
    </ion-row>  
  </ion-grid>  
</ion-content>
