Newer
Older
<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">
<p class="item-info">
<span>{{item.source}}</span>
<span>{{item.publishTime | date:'yyyy-MM-dd'}}</span>
</p>
<div class="item-news">
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<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>