goods-collect.html

<ion-header>

    <ion-navbar>
        <ion-title>物品领用</ion-title>
        <ion-buttons end>
            <button ion-button icon-only (click)="goCart()" class="toolbar-icon">
                <span style="color: #ffffff;font-size: 2rem" class="icon iconfont icon-cart"></span>
            </button>
        </ion-buttons>
        <ion-buttons end class="margin-0-5">
            <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 *ngIf="role.includes(1) || role.includes(6)">
            <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="search-div">
        <ion-icon class="icon-search" name="search"></ion-icon>
        <input class="input-search" [(ngModel)]="obj.params" type="text" placeholder="请输入关键字">
        <span class="text" (click)="search()">搜索</span>
    </div>
    <div class="type-div">
        <div class="type-list">
            <div  class="scroll-tab">
                <div   class="news-content parent">
                    <div  class="tabs-parent parent">
                        <div  *ngFor="let item of typeList;" (click)="filterType(item)" class="tabs-children">
                                <span #tabSpan [ngStyle]="{'color':obj.type == item.type?'#e42417':''}">
                                    {{item.name}}
                                </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="filter-div">
            <span class="filter" (click)="fliter()">筛选</span>
        </div>
    </div>
    <ng-container *ngFor="let item of goodsList">
        <div class="goodsItem" (click)="choose(item)">
            <div class="item-img">
                <img [src]="picture + item.url">
            </div>
            <div class="item-info">
                <div class="item-modal">
                    {{item.brand}}
                    <span class="margin-left-10">
                        {{item.model}}
                    </span>

                    <span class="margin-left-10">
                        {{item.specs1}}
                    </span>
                    <span class="margin-left-10">
                        {{item.specs2}}
                </span>
                </div>
                <div class="item-icon">
                    <div class="img-star">
                        <span class="icon iconfont icon-star-simple-surfac"></span>
                        <span class="icon iconfont icon-star-simple-surfac"></span>
                        <span class="icon iconfont icon-star-simple-surfac"></span>
                        <span class="icon iconfont icon-star-simple-surfac"></span>
                        <span class="icon iconfont icon-star-simple-surfac"></span>
                    </div>
                    <div class="img-cart">
                        <span style="font-size: 2rem" class="icon iconfont icon-cart"></span>
                    </div>
                </div>
            </div>
        </div>
    </ng-container>
    <ion-infinite-scroll (ionInfinite)="doInfinite($event)">
        <ion-infinite-scroll-content
                loadingSpinner="bubbles"
                loadingText="加载中"></ion-infinite-scroll-content>
    </ion-infinite-scroll>

</ion-content>