ionic实现左右滑动切换标签页面

效果

ionic用到的组件

• ion-slides
• ion-segment

实现步骤

• 1. Tab实现 *

<ion-segment class="tab-box" [(ngModel)]="tabs" color="block" (ionChange)="segmentChanged()"
      style="background-color: #fff;">
      <ion-segment-button value="commodity" style="height:3.3rem">
        报告列表
        <div [class.bolder-ios]="tabs=='commodity'"></div>
      </ion-segment-button>
      <ion-segment-button value="details" style="height:3.3rem">
        局站列表
        <div [class.bolder-ios]="tabs=='details'"></div>
      </ion-segment-button>
    </ion-segment>

• Previous
  从Web开发转Flutter的思维转变