goods-cart.html

<ion-header>
    <ion-navbar>
        <ion-title>购物车</ion-title>
        <ion-buttons end class="margin-0-10">
            <button ion-button icon-only (click)="goOrder()" class="toolbar-icon">
                <span style="color: #ffffff;font-size: 2rem" class="icon iconfont icon-order"></span>
            </button>
        </ion-buttons>
        <ion-buttons end>
            <button ion-button icon-only (click)="goVerify()" class="toolbar-icon">
                <span style="color: #ffffff;font-size: 2.5rem" class="icon iconfont icon-shenhe"></span>
            </button>
        </ion-buttons>
    </ion-navbar>

</ion-header>


<ion-content>
    <ion-refresher (ionRefresh)="doRefresh($event)">
        <ion-refresher-content pullingText="下拉刷新"
                               refreshingSpinner="bubbles">
        </ion-refresher-content>
    </ion-refresher>

    <div class="cart">
        <div class="goodsItem" *ngFor="let goods of cartList">
            <ion-row class="cart-item">
                <ion-col col-1 class="center">
                    <ion-checkbox [(ngModel)]="goods.checkbox" color="danger"
                                  (ngModelChange)="changeCheck(goods)"></ion-checkbox>
                </ion-col>
                <ion-col col-2 class="center padding-5">
                    <img [src]="picture + goods.url">
                </ion-col>
                <ion-col col-5>
                    <p class="model">
                        {{goods.brand}}&nbsp;&nbsp;&nbsp;{{goods.model}}
                    </p>
                    <p>
                        <span class="amount">数量:{{goods.amount}}</span>
                        <span class="specs">规格:
                  <span>{{goods.specs1}}</span>
                  <span>{{goods.specs2}}</span>
                  <span>{{goods.specs3}}</span>
                  <span>{{goods.specs4}}</span>
                  <span>{{goods.specs5}}</span>
                </span>
                    </p>
                </ion-col>
                <ion-col col-2 class="center" (click)="deletI(goods)">
                    <span class="icon iconfont icon-round-delete"></span>
                </ion-col>
                <ion-col col-2 class="center" (click)="choose(goods)">
                    <span class="icon iconfont icon-fabu"></span>
                </ion-col>
            </ion-row>
        </div>
    </div>
    <ion-list text-center style="margin-top: 10rem;color: #666666" *ngIf="!isLoad  && cartList.length == 0">
        <img style="width: 20%;" src="./assets/imgs/no-info.png" alt="">
        <p text-center>
            购物车空空如也
        </p>
    </ion-list>

    <ion-infinite-scroll (ionInfinite)="doInfinite($event)">
        <ion-infinite-scroll-content
                loadingSpinner="bubbles"
                loadingText="加载中"></ion-infinite-scroll-content>
    </ion-infinite-scroll>

</ion-content>
<div *ngIf="footerView" class="stuff-footer">
    <div class="footer-flex">
        <div class="flex-all">
            <ion-item>
                <ion-label>全选</ion-label>
                <ion-checkbox [(ngModel)]="checkAll" (ngModelChange)="selectAll($event)" color="danger"></ion-checkbox>
            </ion-item>
        </div>
        <div (click)="submit()">
            <button round small color="danger" ion-button>提交申请</button>
        </div>
    </div>
</div>