angular NG-ZORRO 跑马灯左右控件

ng-zorro 轮播左右控件

//xxx.html
<nz-carousel #carousel [nzEffect]="effect" [nzAutoPlay]="true">
  <div nz-carousel-content  *ngFor="let list of partnersList">
    <ion-row size="10">
      <ion-col size-xs="6" size-md="2" *ngFor="let item of list" >
        <img [src]="item.ColorUrl">
      </ion-col>
    </ion-row>
  </div>
</nz-carousel>
<button clear-btn class="p-left-btn partner-perv" (click)="carousel.pre()"><i nz-icon type="left"></i></button>
<button clear-btn class="p-right-btn partner-next" (click)="carousel.next()"><i nz-icon type="right"></i></button>
//样式可自行调整
复制代码

转载于:https://juejin.im/post/5cf8e1756fb9a07ef7106448