home.html

<ion-header>
    <ion-navbar>
        <ion-buttons start>
            <button ion-button icon-only>
                <img class="toolbar-img" src="./assets/imgs/logo.png">
            </button>
        </ion-buttons>
        <ion-buttons start>
            <button ion-button icon-only (click)="signNow()" class="toolbar-signUp">
                <span class="signUp-span">
                    <img *ngIf="signObj.isSign == 'no'" class="toolbar-img" src="./assets/imgs/home/no-sign.png">
                    <img *ngIf="signObj.isSign == 'yes'" class="toolbar-img" src="./assets/imgs/home/yes-sign.png">
                 </span>
            </button>
        </ion-buttons>
        <ion-buttons start>
            <button ion-button icon-only (click)="goTo('ProposalPage')" class="toolbar-signUp">
                <span class="signUp-span">
                    <img style="margin-left: 0" class="toolbar-img" src="./assets/imgs/home/icon-proposal.jpg">
                 </span>
            </button>
        </ion-buttons>
        <ion-buttons end class="score margin-right-10">
            <span class="score-font">积分</span>
            <button (click)="goTo('IntegralPage')" style="background-color: transparent;position: relative;">
                <span class="score-num">
                    {{mineInfo?.total || 0 }}
                </span>
            </button>
        </ion-buttons>

        <ion-buttons class="search-button margin-0-5" end>
            <button ion-button icon-only (click)="goTo('SearchNewPage')">
                <ion-icon class="search-icon" name="search"></ion-icon>
            </button>
        </ion-buttons>
        <ion-buttons end class="margin-0-5">
            <button ion-button icon-only (click)="goTo('NoticePage')" class="toolbar-icon">
                <ion-icon class="icon-youjian iconfont"></ion-icon>
                <span *ngIf="noReadNum > 0" class="num">{{noReadNum}}</span>
            </button>
        </ion-buttons>
        <ion-buttons end class="mine-button">
            <button (click)="goTo('PersonInfoPage')" class="mine-home">
                <span>{{username}}</span>
            </button>
        </ion-buttons>
    </ion-navbar>
</ion-header>

<ion-content overflow-scroll="false">
    <ion-refresher (ionRefresh)="doRefresh($event)">
        <ion-refresher-content pullingText="下拉刷新"
                               refreshingSpinner="bubbles">
        </ion-refresher-content>
    </ion-refresher>
    <div #topHeight>
        <div #homeMiddleTips class="home-middle-tips">
            <ion-row>
                <ion-col col-2 class="middle-left">
                    <img src="./assets/imgs/home/party.png">
                </ion-col>
                <ion-col col-10 class="middle-right">
                    <div #verticaLamp id="party-bir">
                        <div class="vertivalLamp"><span class="main-color">{{partyObj?.name}}</span>同志，欢迎您，今天是<span
                                class="main-color">{{partyObj?.now | date:'yyyy年MM月dd日'}}</span>，是您加入中国共产党的第<span
                                class="main-color">{{partyObj?.partytime}}</span>天，希望您不忘初心，牢记使命，永远奋斗。
                        </div>
                    </div>
                </ion-col>
            </ion-row>
        </div>
        <div class="slides-content">
            <div id="swiper-container" class="swiper-container" >
                <div class="swiper-wrapper">
                    <ng-container *ngIf="slidersItems.length > 0" >
                        <div class="swiper-slide" *ngFor="let item of slidersItems;">
                            <img [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>
    <!--true 隐藏 false 显示-->
    <div [hidden]="isScroll" class="news-content parent">
        <div #tabsParent class="tabs-parent parent">
            <div *ngFor="let item of tabsList;let i = index" (click)="change(item)" class="tabs-children">
                <span #tabSpan [ngClass]="{'selectTab':index == i}">{{item.name}}</span>
            </div>
            <span #tips class="tips"></span>
        </div>
    </div>

    <!--固定 false -->
    <div [hidden]="!isScroll" ion-fixed class="news-content ion-fixed parent">
        <div class="tabs-parent parent">
            <div *ngFor="let item of tabsList;let i = index" (click)="change(item)" class="tabs-children">
                <span [ngClass]="{'selectTab':index == i}">{{item.name}}</span>
            </div>
            <span #tips1 class="tips"></span>
        </div>
    </div>
    <div id="swiper-article" class="swiper-container">
        <div class="swiper-wrapper">
            <ng-container *ngIf="slidersItems.length > 0">
                <div [style.top]="isScroll == true?'50px':''" class="swiper-slide"
                     *ngFor="let item of slideList;let i = index;">
                    <ion-content>
                        <div class="main-news">
                            <ng-container *ngFor="let new of item;">
                                <ng-container *ngIf="new.imgUrl">
                                    <ion-row class="news-item" (click)="goToDetail(new)">
                                        <ion-col col-8 class="news-left">
                                            <p class="news-title">
                                                {{new.title}}
                                                <ion-icon *ngIf="new.topTime" class="icon-fire iconfont"></ion-icon>
                                            </p>
                                            <p class="news-end">
                                                <span>{{new.source}}</span>
                                                <span>{{new.publishTime | date:'yyyy-MM-dd'}}</span>
                                            </p>
                                        </ion-col>
                                        <ion-col col-4 class="news-right">
                                            <img src="{{picture+new.imgUrl}}">
                                        </ion-col>
                                    </ion-row>
                                </ng-container>
                                <ng-container *ngIf="!new.imgUrl">
                                    <ion-row class="news-item" (click)="goToDetail(new)">
                                        <ion-col col-12 class="news-left">
                                            <p class="news-title">
                                                {{new.title}}
                                                <ion-icon *ngIf="new.topTime" class="icon-fire iconfont"></ion-icon>
                                            </p>
                                            <p class="news-end">
                                                <span>{{new.source}}</span>
                                                <span>{{new.publishTime | date:'yyyy-MM-dd'}}</span>
                                            </p>
                                        </ion-col>
                                    </ion-row>
                                </ng-container>
                            </ng-container>
                        </div>
                    </ion-content>
                </div>
            </ng-container>
        </div>
    </div>

</ion-content>
<!--政治生日-->
<div *ngIf="isBir" class="signMask" (click)="closeBir()">
    <div class="mask-content-bir" (click)="stop($event)">
        <ion-icon class="close" (click)="closeBir()" name="close"></ion-icon>
        <p class="title">政治生日</p>
        <div class="record-content">
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="main-color">{{partyObj?.name}}</span>同志，欢迎您，今天是<span
                class="main-color">{{partyObj?.now | date:'yyyy年MM月dd日'}}</span>，是您加入中国共产党的第<span
                class="main-color">{{partyObj?.partytime}}</span>天，希望您不忘初心，牢记使命，永远奋斗。
        </div>
    </div>
</div>

<!--签到-->
<div *ngIf="isSign" (click)="closeSign()" class="signMask">
    <div class="mask-content" (click)="stop($event)">
        <ion-icon class="close" (click)="isSign = false" name="close"></ion-icon>
        <div class="record-conten">
            <div class="content">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{signObj.text}}
            </div>
        </div>
        <div class="mask-button">
            <button *ngIf="signObj.isSign == 'no'" [disabled]="disabledClick" class="submit-btn submit"
                    (click)="signUp()">签到{{signText}}</button>
            <button *ngIf="signObj.isSign == 'yes'" [disabled]="true" class="submit-btn submit">已签到</button>
        </div>
    </div>
</div>