<ion-header [translucent]="true">
  <ion-toolbar >
    <ion-button (click)="back()"  style="width: 100px;">
      <ion-icon name="arrow-back-outline">历史订单</ion-icon>
      
    </ion-button>
  </ion-toolbar>
</ion-header>

<ion-content>
  <ion-list >
    <ion-item-sliding *ngFor="let order of orders" >
      <ion-card >
        <ion-item >
          <ion-label>
            <h2>订单号：{{ order.orderNumber }}</h2>
            <p>状态：{{ order.status }}</p>
            <p>发货地址：{{ order.fromAddress }}</p>
            <p>收货地址：{{ order.toAddress }}</p>
            <p>运输费用：{{ order.shippingCost }}</p>
          </ion-label>
          <ion-button slot="end" fill="clear" (click)="deleteOrder(order)">
            <ion-icon name="trash"></ion-icon>
          </ion-button>
        </ion-item>
  
        <ion-item-options side="end">
          <ion-item-option color="danger" (click)="deleteOrder(order)">
            删除
          </ion-item-option>
        </ion-item-options>
      </ion-card>
     
    </ion-item-sliding>
  </ion-list>
</ion-content>