<ion-header>
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-avatar src="assets/logo.png" alt="灵思剧境"></ion-avatar>
    </ion-buttons>

  </ion-toolbar>
</ion-header>

<ion-content>
  <!-- 轮播图区域 -->
  <!-- <ion-slides pager>
    <ion-slide>
      <img src="assets/images/landscape.jpg" alt="探索历史，体验沉浸式剧本杀">
      <div class="caption">探索历史，体验沉浸式剧本杀</div>
    </ion-slide>
    <ion-slide>
      <img src="assets/images/game_scene.jpg" alt="与朋友一起解谜，享受乐趣">
      <div class="caption">与朋友一起解谜，享受乐趣</div>
    </ion-slide>
    <ion-slide>
      <img src="assets/images/character.jpg" alt="独特角色，带你走进故事">
      <div class="caption">独特角色，带你走进故事</div>
    </ion-slide>
  </ion-slides> -->

  <!-- 功能介绍区域 -->
  <ion-grid>
    <ion-row>
      <ion-col size="4" *ngFor="let feature of features">
        <ion-card>
          <ion-card-header>
            <ion-icon [name]="feature.icon" slot="start"></ion-icon>
            <ion-card-title>{{ feature.title }}</ion-card-title>
          </ion-card-header>
          <ion-card-content>
            <p>{{ feature.description }}</p>
            <ion-button expand="full" routerLink="{{ feature.link }}">了解更多</ion-button>
          </ion-card-content>
        </ion-card>
      </ion-col>
    </ion-row>
  </ion-grid>





 

</ion-content>
                         