search-new.html

<ion-header>
  <ion-navbar>
    <ion-navbar>
      <div class="search-header">
        <ion-input type="text" placeholder="按姓名搜索" [(ngModel)]="searchObj.title"></ion-input>
        <span class="clear" (click)="search()">搜索</span>
      </div>
    </ion-navbar>
  </ion-navbar>
</ion-header>
<ion-content >
  <div class="filter-new">
    <ion-row>
      <ion-col col-7></ion-col>
      <ion-col col-2 (click)="changeOrder()">
        时间
        <ion-icon class="main-color" *ngIf="searchObj.order == 'desc'" name="arrow-round-down"></ion-icon>
        <ion-icon class="main-color" *ngIf="searchObj.order == 'asc'" name="arrow-round-up"></ion-icon>
      </ion-col>
      <ion-col col-3>
        <ion-segment [(ngModel)]="searchObj.stuffType" (ionChange)="search()">
          <ion-segment-button value="1">
            图文
          </ion-segment-button>
          <ion-segment-button value="2">
            视频
          </ion-segment-button>
        </ion-segment>
      </ion-col>
    </ion-row>
  </div>

  <div class="search-content">
    <ng-container *ngFor="let item of newList">
      <div class="search-item" (click)="goToDetail(item)">
        <p class="item-info">
          <span class="item-source">{{item.source}}</span>
          <span>{{item.publishTime | date:'yyyy-MM-dd'}}</span>
        </p>
        <div class="item-news">
          <ng-container *ngIf="item.imgUrl">
            <ion-row class="news-item">
              <ion-col col-8 class="news-left">
                <p class="news-title">{{item.title}}</p>
<!--                <p class="news-end">-->
<!--                  <ion-icon style="font-size: 2.5rem;vertical-align: sub" name="eye"></ion-icon>-->
<!--                  <span>{{item.browseCount}}</span>-->
<!--                  <ion-icon name="chatboxes"></ion-icon>-->
<!--                  <span>{{item.commentCount}}</span>-->
<!--                  <ion-icon name="thumbs-up"></ion-icon>-->
<!--                  <span>{{item.likeCount}}</span>-->
<!--                  <ion-icon name="heart"></ion-icon>-->
<!--                  <span>{{item.collectionCount}}</span>-->
<!--                </p>-->
              </ion-col>
              <ion-col col-4 class="news-right">
                <img [src]="picture+item.imgUrl">
              </ion-col>
            </ion-row>
          </ng-container>
          <ng-container *ngIf="!item.imgUrl">
            <ion-row class="news-item">
              <ion-col col-12 class="news-left">
                <p class="news-title">{{item.title}}</p>
<!--                <p class="news-end">-->
<!--                  <ion-icon style="font-size: 2.5rem;vertical-align: sub" name="eye"></ion-icon>-->
<!--                  <span>{{item.browseCount}}</span>-->
<!--                  <ion-icon name="chatboxes"></ion-icon>-->
<!--                  <span>{{item.commentCount}}</span>-->
<!--                  <ion-icon name="thumbs-up"></ion-icon>-->
<!--                  <span>{{item.likeCount}}</span>-->
<!--                  <ion-icon name="heart"></ion-icon>-->
<!--                  <span>{{item.collectionCount}}</span>-->
<!--                </p>-->
              </ion-col>
            </ion-row>
          </ng-container>
        </div>
      </div>
    </ng-container>
  </div>
</ion-content>