<ion-header>
  <ion-toolbar>
    <ion-title>景点</ion-title>
  </ion-toolbar>
</ion-header>



 <ion-content>

  <!-- <ion-card > -->
    <!-- <ion-card-content class="button">
      <ion-button expand="block" routerLink="/aigc/chat">AI趣答</ion-button>
    </ion-card-content> -->
  <!-- </ion-card> -->

  <div class="category">
    <ion-grid>
        <ion-col size="6" expand="block" routerLink="/study/case-petmarket">
            <ion-card-header>{{category.title}}</ion-card-header>
            <ion-card-content>
              <img [src]="category.image">
            </ion-card-content>
        </ion-col>
    </ion-grid>
  </div>
  
  <ion-card-content class="button">
    <ion-button expand="block" routerLink="/aigc/chat">AI趣答</ion-button>
  </ion-card-content>

<div class="item">
  <ion-grid>
    <ion-card-header>热门精选</ion-card-header>
    <ion-row>
      <ion-col size="6" *ngFor="let item of selectedItems">
        <ion-card>
          <ion-card-content class="card-content" expand="block" routerLink="/study/parse">
            <img [src]="item.image" style="width: 150%;height: 150%;">
            <ion-card-header>{{item.title}}</ion-card-header>
          </ion-card-content>
        </ion-card>
      </ion-col>
    </ion-row>
  </ion-grid>
</div>
  

</ion-content>