<ion-header [translucent]="true">
  <ion-toolbar color="tertiary">
    <ion-title color="success"  class="ion-text-center">
      智能识图
    </ion-title>
    
  </ion-toolbar>
</ion-header>

<ion-content [fullscreen]="true">
  <ion-searchbar placeholder="搜索图片"></ion-searchbar>


<!-- Swiper轮播图 手动创建 -->
<!-- Slider main container -->
<button (click)="slide1?.slideNext()">next</button>
<div #slide1Comp class="swiper">
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
  <!-- Slides -->







  
  <div class="swiper-slide">
    <img src="https://img95.699pic.com/xsj/22/zd/j0.jpg%21/fh/300" alt="图片描述">
  </div>
  <div class="swiper-slide">
    <img src="https://image.vyuan8.cn/vyuan/source/plugin/vyuan/img/20200509/a3c0ae28e68d80ac6ff2a4e0bf45fe9e.jpg" alt="图片描述">
  </div>
  <div class="swiper-slide">
    <img src="https://img95.699pic.com/xsj/02/w6/ih.jpg%21/fh/300" alt="图片描述">
  </div>
</div>
<!-- If we need pagination -->
<div class="swiper-pagination"></div>

<!-- If we need navigation buttons -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>

<!-- If we need scrollbar -->
<div class="swiper-scrollbar"></div>
</div>





























  

  <ion-list>
    <ion-list-header>识图分类</ion-list-header>
    <ion-item *ngFor="let item of imageCategories">
      <ion-label>
        <h3>{{ item.name }}</h3>
       
      </ion-label>
      <a href="{{ item.link }}">查看详情</a>
    </ion-item>
  </ion-list>


 
  <ion-item>
 <ion-button [routerLink]="['product']"  style="width: 200px;height: 50px;">
        拍照识物
 </ion-button>
 <ion-button [routerLink]="['product']"  style="width: 200px;height: 50px;">
  拍照计数
</ion-button>
<ion-button [routerLink]="['product']"  style="width: 200px;height: 50px;">
  拍照测距
</ion-button>
</ion-item>

<ion-item>
  
  <ion-button [routerLink]="['product']" style=" color: #14bbc7;"style="width: 200px;height: 50px;">
         动物识别
  </ion-button>
  <ion-button [routerLink]="['product']"  style="width: 200px;height: 50px;">
   果蔬识别
 </ion-button>
 <ion-button [routerLink]="['product']"  style="width: 200px;height: 50px;">
  菜品识别
 </ion-button>

 </ion-item>



  <!-- <ion-list>
    <ion-list-header>商品配图</ion-list-header>
    <ion-item> *ngFor="let item of productImages">
      <ion-label>
        <h4>{{ item.platform }}</h4>
        <a href="{{ item.link }}">查看详情</a>
        <img [src]="item.image" alt="商品图片" />
        <p>{{ item.status }}</p>
      </ion-label>
    </ion-item>
  </ion-list> -->
  <!-- <ion-searchbar placeholder="搜索题目" (ionChange)="searchQuestions($event.detail.value)"></ion-searchbar>

  <ion-segment [(ngModel)]="filter">
    <ion-segment-button value="all">
      全部
    </ion-segment-button>
    <ion-segment-button value="math">
      数学
    </ion-segment-button>
    <ion-segment-button value="science">
      科学
    </ion-segment-button>
  </ion-segment> -->

  <!-- <ion-list>
    <ion-item *ngFor="let question of filteredQuestions">
      <ion-label>{{ question.title }}</ion-label>
    </ion-item>
  </ion-list> -->

  <!-- <ion-infinite-scroll (ionInfinite)="loadMoreQuestions($event)">
    <ion-infinite-scroll-content loadingSpinner="crescent"></ion-infinite-scroll-content>
  </ion-infinite-scroll> -->
  
</ion-content>
