Newer
Older
<ion-navbar>
<ion-buttons start>
<button ion-button icon-only (click)="goToSearch()" class="search-button">
<img class="toolbar-img" src="./assets/imgs/logo.png">
<ion-icon class="search-icon" name="search"></ion-icon>
</button>
</ion-buttons>
<ion-buttons end>
<button ion-button icon-only (click)="isPublish = true" class="toolbar-signUp">
<ion-icon class="icon-fabu iconfont"></ion-icon>
<span class="signUp-span"> 发布</span>
</button>
</ion-buttons>
<ion-buttons end>
<button ion-button icon-only (click)="goToNotice()" class="toolbar-icon">
<ion-icon class="icon-youjian iconfont"></ion-icon>
<span *ngIf="noReadNum > 0" class="num">{{noReadNum}}</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 #topHeight class="padding-bottom-15">
<div class="slides-content">
<div id="swiper-slide" class="swiper-container">
<div class="swiper-wrapper">
<ng-container *ngIf="slidersItems.length > 0">
<div class="swiper-slide" *ngFor="let item of slidersItems;">
<img *ngIf="!item.static" [src]="picture+item.imgUrl" class="slide-image"
[alt]="item.title">
</div>
</ng-container>
</div>
</div>
</div>
<div class="slides-title" *ngIf="slidersItems.length>0">
<div class="slide-content">
{{slideTitle}}</div>
<span class="slide-index">
<span>{{slideIndex}}</span><span>/{{slidersItems.length}}</span>
</span>
</div>
</div>
<div #fixedTab>
<div class="fixed-toolbar parent-toolbar">
<div class="tabs-fixed ">
<div #scrollTab class="scroll-tab">
<div #newContentParent (scroll)="dragTo($event)" class="news-content parent">
<div #tabsChildren *ngFor="let item of tabsList;" (click)="changeParent(item)"
class="tabs-children">
<span #tabSpan [style.color]="indexParent == item.indexParent ? '#e12724':''">
{{item.name}}
</span>
<div class="scroll-tab" style="padding: 0;background-color:#fff;">
<div class="tabs-parent" [ngStyle]="{'margin-left':indexParent == '3'?'30px':'0'}">
<span *ngFor="let ch of childrenList"
[ngClass]="{'select':indexChildren == ch.indexChildren}"
(click)="changeChildren(ch)">{{ch.name}}</span>
<span *ngIf="indexParent == '3'" class="moreParty" (click)="moreParty()">
<ng-container *ngFor="let new of slideArr;let i = index;">
<ion-slide>
<ion-content>
<div class="search-content">
<ng-container *ngFor="let item of slideList[i];">
<div *ngIf="obj.childrenName != '你问我答'" 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">
<ion-row class="news-item">
<!-- 标题图片 -->
<ng-container *ngIf="item.path">
<ng-container *ngIf="item.resourceType == 1">
<ion-col col-8 class="news-left">
<p class="news-title">{{item.title}}
<ion-icon *ngIf="item.topTime"
class="icon-fire iconfont"></ion-icon>
</p>
</ion-col>
<ion-col col-4 class="news-right">
<img src="{{picture + item.path}}">
</ion-col>
<ion-col col-12 class="news-left">
<p class="news-title">{{item.title}}
class="icon-fire iconfont"></ion-icon>
</p>
</ion-col>
</ng-container>
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!-- 视频 -->
<ng-container *ngIf="item.resourceType == 3">
<ion-col col-12 class="news-left">
<p class="news-title">{{item.title}}
<ion-icon *ngIf="item.topTime"
class="icon-fire iconfont"></ion-icon>
</p>
<div style="width: 100%;max-height: 180px;">
<video width="100%" height="100%"
crossorigin="anonymous"
(canplay)="loadVideo($event)"
(play)="clickVideo($event)"
preload="metadata"
controls="controls" muted="muted">
<source [src]="picture +item.path+ '#t=2' ">
您的浏览器不支持 html5。
</video>
</div>
</ion-col>
</ng-container>
</ng-container>
<ng-container *ngIf="!item.path">
<ion-col col-12 class="news-left">
<p class="news-title">{{item.title}}
<ion-icon *ngIf="item.topTime"
class="icon-fire iconfont"></ion-icon>
</div>
<div *ngIf="obj.childrenName =='你问我答' " class="search-item"
(click)="goToResponse(item)">
<p style="margin: 0;" class="item-info">
<span>{{item.dateTime | date:'yyyy-MM-dd'}}</span>
</p>
<div class="item-news">
<ion-row class="news-item">
<ion-col col-8 class="news-left">
<p style="margin: 0;" class="news-title">
<span *ngIf="item.type == 1">(判断)</span>
<span *ngIf="item.type == 2">(单选)</span>
<span *ngIf="item.type == 3">(多选)</span>
<span *ngIf="item.type == 4">(问答)</span>
{{item.stem}}
</p>
</ion-col>
<ion-col col-4 class="news-right">
</ion-col>
</ion-row>
</div>
</div>
</ng-container>
<party-person #partyPerson [list]="branchPersonList"></party-person>
</div>
<ion-infinite-scroll (ionInfinite)="doInfinite($event)">
<ion-infinite-scroll-content
loadingSpinner="bubbles"
loadingText="加载中"></ion-infinite-scroll-content>
</ion-infinite-scroll>
</ion-content>
</ion-slide>
</ng-container>
</ion-slides>
<button ion-fab color="light" (click)="issue()">
<span class="issue">我要<br>出题</span>
</button>
</ion-fab>
<div class="content" (click)="stop($event)">
<div class="image" (click)="goToPublish('image')">
<div class="video" (click)="goToPublish('video')">
<ion-icon class="icon-shipin-tianchong iconfont"></ion-icon>
<span>发视频</span></div>