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 center class="search-button" (click)="goToSearch()">
            <ion-searchbar class="toolbar-search" placeholder="搜索"></ion-searchbar>
            <ion-icon class="search-icon" name="search"></ion-icon>
        </ion-buttons>
        <ion-buttons end>
            <button ion-button icon-only (click)="signNow()" class="toolbar-signUp">
                <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>
    <div class="home-middle-tips">
        <ion-row>
            <ion-col col-2 class="middle-left">
                <img src="./assets/imgs/flag.png">
            </ion-col>
            <ion-col col-10  class="middle-right">
                <div #lineChangeEle id="party-bir">
                    <div><span class="main-color">{{partyObj?.name}}</span>同志，欢迎您，</div>
                    <div>今天是<span class="main-color">{{partyObj?.now | date:'yyyy年MM月dd日'}}</span>，</div>
                    <div>是您加入中国共产党的第<span class="main-color">{{partyObj?.partytime}}</span>天，</div>
                    <div>希望您不忘初心，牢记使命，永远奋斗。</div>
                </div>
            </ion-col>
        </ion-row>
    </div>
    <div style="height: 200px">
        <ion-slides (ionSlideDidChange)="slideChange($event)" #slides *ngIf="slidersItems.length>0" pager loop="true"
                    autoplay="2000" speed="1500">
            <ion-slide style="height:200px;width: 100%;" *ngFor="let item of slidersItems;">
                <img src="{{picture+item.imgUrl}}" class="slide-image" (click)="goToDetail(item)">
            </ion-slide>
        </ion-slides>
    </div>
    <p class="slides-title">{{slideTitle}} <span class="main-color" float-end>1<span style="font-size: 1.5rem;font-weight: 400;">/{{slidersItems.length}}</span></span></p>
    <div class="news-content">
        <div class="tabs-parent">
            <div *ngFor="let item of tabsList;let i = index" (click)="change(item)" class="tabs-children">
                <span #tabSpan [style.color]="index == i ? '#e12724':''">{{item.name}}</span>
            </div>
            <span #tips id="tips"></span>
        </div>
    </div>
    <div class="main-news">
        <ng-container *ngFor="let new of newList;">
            <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}}</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}}</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 *ngIf="isSign" class="signMask">
    <div class="mask-content">
        <ion-icon class="close" (click)="isSign = false" name="close"></ion-icon>
        <div class="record-conten">
            {{signObj.text}}
        </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>