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 ">
<ion-icon *ngIf="!toRight" class="icon-left" name="arrow-back"></ion-icon>
<ion-icon *ngIf="toRight" class="icon-right" name="arrow-forward"></ion-icon>
<div #newContentParent (scroll)="dragTo($event)" class="news-content parent">
<div #tabsParent class="tabs-parent 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="fixed-toolbar">
<div class="tabs-fixed">
<div class="scroll-tab">
<div class="news-content" #newsContent>
<div class="tabs-parent">
<div class="tabs-child">
<span *ngFor="let ch of childrenList"
[ngClass]="{'select':indexChildren == ch.indexChildren}"
(click)="changeChildren(ch)">{{ch.name}}</span>
</div>
<div id="swiper-discover" class="swiper-container">
<div class="swiper-wrapper">
<ng-container *ngFor="let new of slideList;let i = index;">
<div class="swiper-slide" >
<ion-content>
<div class="search-content">
<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="new.topTime"
class="icon-fire iconfont"></ion-icon>
</p>
<!-- <p class="news-end">-->
<!-- <ion-icon style="font-size: 1.5rem;vertical-align: bottom"-->
<!-- 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>-->
<ng-container *ngIf="item.resourceType == 2">
<ion-col col-12 class="news-left">
<p class="news-title">{{item.title}}
<ion-icon *ngIf="new.topTime"
class="icon-fire iconfont"></ion-icon>
</p>
<!-- <p class="news-end">-->
<!-- <ion-icon style="font-size: 1.5rem;vertical-align: bottom"-->
<!-- 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>-->
<ng-container *ngIf="item.resourceType == 3">
<ion-col col-12 class="news-left">
<p class="news-title">{{item.title}}
<ion-icon *ngIf="new.topTime"
class="icon-fire iconfont"></ion-icon>
</p>
<video width="100%" height="100%"
(canplay)="loadVideo($event)"
(play)="clickVideo($event)"
controls="controls" preload="metadata" muted="muted">
<source [src]="picture +item.path+ '#t=0.1' ">
您的浏览器不支持 html5。
</video>
</div>
<!-- <p class="news-end">-->
<!-- <ion-icon style="font-size: 1.5rem;vertical-align: bottom"-->
<!-- 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 col-12 class="news-left">
<p class="news-title">{{item.title}}
<ion-icon *ngIf="new.topTime"
class="icon-fire iconfont"></ion-icon>
</p>
<!-- <p class="news-end">-->
<!-- <ion-icon style="font-size: 1.5rem;vertical-align: bottom"-->
<!-- 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>-->
<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>
<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')">
<ion-icon class="icon iconfont icon-shipin-tianchong"></ion-icon>
<!-- <div class="video" (click)="goToPublish('video')">-->
<!-- <ion-icon class="icon-tupian iconfont"></ion-icon>-->
<!-- <span>发视频</span></div>-->