Commit 66a63236 authored by wangqinghua's avatar wangqinghua

搜索框高度修正

parent 9bcf5a2d
...@@ -61,6 +61,7 @@ export class SlideComponent implements AfterViewInit{ ...@@ -61,6 +61,7 @@ export class SlideComponent implements AfterViewInit{
//查看文章详情 //查看文章详情
goToDetail() { goToDetail() {
const index = this.slides.realIndex; const index = this.slides.realIndex;
if(this.slidersItems[index].plateType == 20) return false;
this.nav.push(StuffDetailPage, { this.nav.push(StuffDetailPage, {
id: this.slidersItems[index].id id: this.slidersItems[index].id
}) })
......
...@@ -18,7 +18,6 @@ ...@@ -18,7 +18,6 @@
<p [innerHTML]="stuffObj?.content"></p> <p [innerHTML]="stuffObj?.content"></p>
</div> </div>
<div class="stuff-attachments"> <div class="stuff-attachments">
<ng-container *ngFor="let item of attachments"> <ng-container *ngFor="let item of attachments">
<div style="height: 160px;" *ngIf="item.resourceType == 1"> <div style="height: 160px;" *ngIf="item.resourceType == 1">
<img style="height: 160px;" [src]="url + item.path" alt=""> <img style="height: 160px;" [src]="url + item.path" alt="">
......
...@@ -58,51 +58,51 @@ ...@@ -58,51 +58,51 @@
<ion-slides (ionSlideDidChange)="slideChange()" loop="true"> <ion-slides (ionSlideDidChange)="slideChange()" loop="true">
<ion-slide *ngFor="let new of slideList"> <ion-slide *ngFor="let new of slideList">
<div class="search-content"> <div class="search-content">
<ng-container *ngFor="let item of new"> <ng-container *ngFor="let item of new">
<div class="search-item" (click)="goToDetail(item)"> <div class="search-item" (click)="goToDetail(item)">
<p class="item-info"> <p class="item-info">
<span class="item-source">{{item.source}}</span> <span class="item-source">{{item.source}}</span>
<span>{{item.publishTime | date:'yyyy-MM-dd'}}</span> <span>{{item.publishTime | date:'yyyy-MM-dd'}}</span>
</p> </p>
<div class="item-news"> <div class="item-news">
<ion-row class="news-item"> <ion-row class="news-item">
<ng-container *ngIf="item.imgUrl"> <ng-container *ngIf="item.imgUrl">
<ion-col col-8 class="news-left"> <ion-col col-8 class="news-left">
<p class="news-title">{{item.title}}</p> <p class="news-title">{{item.title}}</p>
<p class="news-end"> <p class="news-end">
<ion-icon style="font-size: 2.5rem;vertical-align: sub" name="eye"></ion-icon> <ion-icon style="font-size: 2.5rem;vertical-align: sub" name="eye"></ion-icon>
<span>{{item.browseCount}}</span> <span>{{item.browseCount}}</span>
<ion-icon name="chatboxes"></ion-icon> <ion-icon name="chatboxes"></ion-icon>
<span>{{item.commentCount}}</span> <span>{{item.commentCount}}</span>
<ion-icon name="thumbs-up"></ion-icon> <ion-icon name="thumbs-up"></ion-icon>
<span>{{item.likeCount}}</span> <span>{{item.likeCount}}</span>
<ion-icon name="heart"></ion-icon> <ion-icon name="heart"></ion-icon>
<span>{{item.collectionCount}}</span> <span>{{item.collectionCount}}</span>
</p> </p>
</ion-col> </ion-col>
<ion-col col-4 class="news-right"> <ion-col col-4 class="news-right">
<img src="{{picture+item.imgUrl}}"> <img src="{{picture+item.imgUrl}}">
</ion-col> </ion-col>
</ng-container> </ng-container>
<ng-container *ngIf="!item.imgUrl"> <ng-container *ngIf="!item.imgUrl">
<ion-col col-12 class="news-left"> <ion-col col-12 class="news-left">
<p class="news-title">{{item.title}}</p> <p class="news-title">{{item.title}}</p>
<p class="news-end"> <p class="news-end">
<ion-icon style="font-size: 2.5rem;vertical-align: sub" name="eye"></ion-icon> <ion-icon style="font-size: 2.5rem;vertical-align: sub" name="eye"></ion-icon>
<span>{{item.browseCount}}</span> <span>{{item.browseCount}}</span>
<ion-icon name="chatboxes"></ion-icon> <ion-icon name="chatboxes"></ion-icon>
<span>{{item.commentCount}}</span> <span>{{item.commentCount}}</span>
<ion-icon name="thumbs-up"></ion-icon> <ion-icon name="thumbs-up"></ion-icon>
<span>{{item.likeCount}}</span> <span>{{item.likeCount}}</span>
<ion-icon name="heart"></ion-icon> <ion-icon name="heart"></ion-icon>
<span>{{item.collectionCount}}</span> <span>{{item.collectionCount}}</span>
</p> </p>
</ion-col> </ion-col>
</ng-container> </ng-container>
</ion-row> </ion-row>
</div> </div>
</div> </div>
</ng-container> </ng-container>
</div> </div>
</ion-slide> </ion-slide>
</ion-slides> </ion-slides>
...@@ -110,7 +110,7 @@ ...@@ -110,7 +110,7 @@
<ion-infinite-scroll #infiniteScrollContentEle (ionInfinite)="doInfinite($event)"> <ion-infinite-scroll #infiniteScrollContentEle (ionInfinite)="doInfinite($event)">
<ion-infinite-scroll-content <ion-infinite-scroll-content
loadingSpinner="bubbles" loadingSpinner="bubbles"
loadingText="加载更多..."></ion-infinite-scroll-content> loadingText="加载"></ion-infinite-scroll-content>
</ion-infinite-scroll> </ion-infinite-scroll>
<p class="noData" *ngIf="!loadMore">你已经看到我的底线了</p> <p class="noData" *ngIf="!loadMore">你已经看到我的底线了</p>
......
...@@ -91,6 +91,13 @@ page-discover { ...@@ -91,6 +91,13 @@ page-discover {
color: #333333; color: #333333;
font-size: 1.6rem; font-size: 1.6rem;
font-family: SourceHanSans-Bold; font-family: SourceHanSans-Bold;
.icon-fire{
position: absolute;
top: 3px;
left: -14px;
font-size: 1.5rem;
color: #e42417;
}
} }
.news-end{ .news-end{
align-self: flex-end; align-self: flex-end;
......
...@@ -156,6 +156,7 @@ export class DiscoverPage { ...@@ -156,6 +156,7 @@ export class DiscoverPage {
totalNum; totalNum;
pageNum = 1; pageNum = 1;
constructor(public navCtrl: NavController, public navParams: NavParams, constructor(public navCtrl: NavController, public navParams: NavParams,
public commonSer: CommonService,public renderer:Renderer2, public commonSer: CommonService,public renderer:Renderer2,
public tabsSer: TabsService, public emitSer: EmitService) { public tabsSer: TabsService, public emitSer: EmitService) {
...@@ -267,11 +268,11 @@ export class DiscoverPage { ...@@ -267,11 +268,11 @@ export class DiscoverPage {
} }
//上拉加载 //上拉加载
doInfinite(e) { doInfinite(infiniteScroll) {
if (this.totalNum < this.slideList[this.toIndex].length + 1) { if (this.totalNum < this.slideList[this.toIndex].length + 1) {
console.log('没有数据了'); console.log('没有数据了');
this.loadMore = false; this.loadMore = false;
e.enable(false); infiniteScroll.enable(false);
return false; return false;
} }
this.pageNum++; this.pageNum++;
...@@ -292,11 +293,11 @@ export class DiscoverPage { ...@@ -292,11 +293,11 @@ export class DiscoverPage {
if (e.attachments.length > 0) { if (e.attachments.length > 0) {
e.imgUrl = e.attachments[0].path; e.imgUrl = e.attachments[0].path;
} }
this.slideList[this.toIndex].push(e); this.slideList[this.indexParent].push(e);
}); });
} }
setTimeout(() => { setTimeout(() => {
e.complete(); infiniteScroll.complete();
this.renderer.setStyle(this.infiniteScrollContentEle.nativeElement, 'height', '0px'); this.renderer.setStyle(this.infiniteScrollContentEle.nativeElement, 'height', '0px');
}, 1000) }, 1000)
} }
......
...@@ -33,7 +33,7 @@ export class AppGlobal { ...@@ -33,7 +33,7 @@ export class AppGlobal {
getDetails: '/api/ionic3/details' getDetails: '/api/ionic3/details'
}; };
static pageCount = 2; static pageCount = 4;
} }
@Injectable() @Injectable()
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment