Skip to content
goods-cart.html 2.42 KiB
Newer Older
wangqinghua's avatar
wangqinghua committed
<ion-header>
    <ion-navbar>
        <ion-title>购物车</ion-title>
        <ion-buttons end>
            <button ion-button icon-only (click)="goOrder()" class="toolbar-icon">
                <span style="color: #ffffff" class="icon iconfont icon-order"></span>
            </button>
        </ion-buttons>
    </ion-navbar>

</ion-header>


<ion-content>
wangqinghua's avatar
wangqinghua committed
    <div class="cart">
        <div class="goodsItem" *ngFor="let goods of cartList">
            <ion-row class="cart-item">
                <ion-col col-2 class="center">
                    <ion-checkbox [(ngModel)]="goods.checkbox" color="danger"
                                  (ngModelChange)="changeCheck(goods)"></ion-checkbox>
                </ion-col>
                <ion-col col-6>
                    <p class="model">
                        {{goods.model}}
                    </p>
                    <p>
                        <span class="amount">数量:{{goods.amount}}</span>
                        <span class="specs">规格:
wangqinghua's avatar
wangqinghua committed
                  <span>{{goods.specs1}}</span>
                  <span>{{goods.specs2}}</span>
                  <span>{{goods.specs3}}</span>
                  <span>{{goods.specs4}}</span>
                  <span>{{goods.specs5}}</span>
                </span>
wangqinghua's avatar
wangqinghua committed
                    </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>
wangqinghua's avatar
wangqinghua committed
    </div>
wangqinghua's avatar
wangqinghua committed
    <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>
wangqinghua's avatar
wangqinghua committed
</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>