<ion-header class="ion-no-border">  
  <!-- (ionBlur)="results=[]" -->
  <ion-toolbar>  
    <ion-title></ion-title>  
    <ion-buttons >  
      <ion-button>  
        <ion-segment [(ngModel)]="segment" color="primary">  
          <ion-segment-button value="tang">  
            唐诗  
          </ion-segment-button>  
          <ion-segment-button value="author">  
            作者  
          </ion-segment-button>  
          <ion-segment-button value="title">  
            诗名  
          </ion-segment-button>  
        </ion-segment>  
      </ion-button>  
    </ion-buttons>  
    <!-- (ionBlur)="results=[]" -->
    <ion-searchbar placeholder="诗词歌赋，作者，姓名" [debounce]="1000" (ionInput)="search($event)" class="custom-searchbar"></ion-searchbar> 
    <ion-list>
      <ion-item *ngFor="let result of results" (click)="goToDetailPage(result)"
      >
        <ion-label>{{ result?.get("title") }} {{result?.get("author")}}</ion-label>
      </ion-item>
    </ion-list> 
  </ion-toolbar>  
</ion-header>  

<ion-content>  
   <div class="carousel">  
    <div class="carousel-item">  
      <img [src]="slides[currentIndex].image" alt="Slide">  
    </div>  
    <!-- 如果您希望同时显示多张图片，可以取消以下注释 -->  
    <!-- <div class="carousel-item" *ngFor="let item of slides; let i = index">  
      <img [src]="item.image" alt="Slide {{i}}" *ngIf="i === currentIndex">  
    </div> -->  
  </div>  
</ion-content>