<ion-header>
  <ion-toolbar>
    <div class="searchToolBar">
        <button ion-button clear small navPop style="padding: 0;">
            <img class="back-btn" src="./assets/imgs/back.png" />
          </button>
          <div class="search-header">
            <ion-input type="text" placeholder="按地点搜索" [(ngModel)]="searchValue" (ionChange)="searchAddress()"></ion-input>
            <ion-icon name="close" class="clear" (click)="clearValue()"></ion-icon>
          </div>
    </div>
  </ion-toolbar>
  <div class="pageMenuSlides">
    <div class="swiper-container">
      <div class="swiper-wrapper">
        <div class="swiper-slide {{i==0?'bottomLine':''}}" *ngFor="let item of menus;let i=index;" tappable (click)="selectPageMenu(i)">{{item}}

        </div>
      </div>
    </div>
  </div>
</ion-header>
<ion-content>
  <div class="box">
    <ion-slides>
      <ion-slide direction="horizontal">
        <span *ngFor="let item of box" class="box-item" (click)="scrollTop(item)">
          {{item}}
        </span>
      </ion-slide>
    </ion-slides>

  </div>

  <ion-content *ngIf="isSearch">
    <div class="city-item" id="{{area.inorout}}" *ngFor="let area of searchAreaAll">
      <div class="city-title"></div>
      <div class="city-box">
        <div class="city">
          <span (click)="selectedCity(area)">{{area.areaName}}</span>
        </div>
      </div>
    </div>
  </ion-content>

  <ion-slides #contentSlides (ionSlideDidChange)="slideChanged()">
    <ion-slide>
      <ion-content #content1>

        <div class="city-item" id="{{area.code}}0" *ngFor="let area of areaAll">
          <div class="city-title">{{area.code}}</div>
          <div class="city-box">
            <div class="city" *ngFor="let item of area.list">
              <span (click)="selectedCity(item)">{{item.areaName}}</span>
            </div>
          </div>
        </div>
      </ion-content>
    </ion-slide>

    <ion-slide>
      <ion-content #content2>
        <div class="city-item" id="{{area.code}}1" *ngFor="let area of outerAreaAll">
          <div class="city-title">{{area.code}}</div>
          <div class="city-box">
            <div class="city" *ngFor="let item of area.list">
              <span (click)="selectedCity(item)">{{item.areaName}}</span>
            </div>
          </div>
        </div>
      </ion-content>
    </ion-slide>
  </ion-slides>




</ion-content>