slide-list.html

<!--true 隐藏 false 显示-->
<div [hidden]="isScroll" class="news-content">
  <div class="tabs-parent">
    <div *ngFor="let item of tabsList;let i = index" (click)="change(item)" class="tabs-children">
      <span #tabSpan [style.color]="index == i ? '#e12724':''">{{item.name}}</span>
    </div>
    <span #tips class="tips"></span>
  </div>
</div>

<!--固定 false -->
<div [hidden]="!isScroll" ion-fixed class="news-content ion-fixed">
  <div class="tabs-parent">
    <div *ngFor="let item of tabsList;let i = index" (click)="change(item)" class="tabs-children">
      <span #tabSpan1 [style.color]="index == i ? '#e12724':''">{{item.name}}</span>
    </div>
    <span #tips1 class="tips"></span>
  </div>
</div>

<ion-slides (ionSlideDidChange)="slideChange($event)" loop="true">
  <ion-slide *ngFor="let item of slideList">
    <div class="main-news">
      <ng-container *ngFor="let new of item;">
        <ng-container *ngIf="new.imgUrl">
          <ion-row class="news-item" (click)="goToDetail(new)">
            <ion-col col-8 class="news-left">
              <p class="news-title">{{new.title}}</p>
              <p class="news-end">
                <span>{{new.source}}</span>
                <span>{{new.publishTime | date:'yyyy-MM-dd'}}</span>
              </p>
            </ion-col>
            <ion-col col-4 class="news-right">
              <img src="{{picture+new.imgUrl}}">
            </ion-col>
          </ion-row>
        </ng-container>
        <ng-container *ngIf="!new.imgUrl">
          <ion-row class="news-item" (click)="goToDetail(new)">
            <ion-col col-12 class="news-left">
              <p class="news-title">{{new.title}}</p>
              <p class="news-end">
                <span>{{new.source}}</span>
                <span>{{new.publishTime | date:'yyyy-MM-dd'}}</span>
              </p>
            </ion-col>
          </ion-row>
        </ng-container>
      </ng-container>
    </div>
  </ion-slide>
</ion-slides>