serve.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 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 style="height: 160px">-->
<!--    <ion-slides #slides *ngIf="slidersItems.length>0" pager loop="true" autoplay="2000" speed="1500">-->
<!--      <ion-slide style="height:160px;width: 100%;position: relative" *ngFor="let item of slidersItems">-->
<!--        <img src="{{picture+item.pictureId}}" class="slide-image" (click)="go(item)">-->
<!--        <p class="slides-title">{{item.title}}</p>-->
<!--      </ion-slide>-->
<!--    </ion-slides>-->
<!--  </div>-->

  <div #item3 class="item3">
    <div class="item3-2" (click)="goToNotice()" >
      <ion-col col-2 class="card3">
        <span *ngIf="hasNew.message == 1" class="img-tips"></span>
        <img src="./assets/imgs/home/icon-tips.png" >
      </ion-col>
      <ion-col col-9 class="card3" id="party-bir" *ngIf="noticeList.length > 0" horizonta-lamp>
        <div class="card3-item" *ngFor="let item of noticeList;">
          <span *ngIf="noticeTips > 0" class="tip"></span>
          <span class="color-996">{{item.title}}</span>
          {{item.content}}
        </div>
      </ion-col>
      <ion-col col-1 class="card3" style="color: #999999;font-size: 1.6rem">
        <ion-icon name="ios-arrow-forward" class="icon-right"></ion-icon>
      </ion-col>
    </div>
  </div>

  <p class="p-font">我的应用</p>
  <div class="item2" style="padding: 0px;margin-top: .5rem">
    <div class="item2-2">
      <div class="card" (click)="goToContact()">
        <img src="./assets/imgs/home/icon-txl.png" >
        <label class="label2-2">通讯录</label>
      </div>
      <div class="card" (click)="goTo('ActivityListPage')">
        <img src="./assets/imgs/home/icon-hdbm.png" >
        <label class="label2-2">活动报名</label>
        <img class="new-logo" *ngIf="hasNew.activity==1" src="./assets/imgs/new.png">
      </div>
      <div class="card" (click)="goTo('AnnouncementPage')">
        <img src="./assets/imgs/home/icon-tzgg.png" >
        <label class="label2-2">通知公告</label>
        <img class="new-logo" *ngIf="hasNew.notice==1" src="./assets/imgs/new.png">
      </div>
      <div class="card" (click)="goOutGoingReportAboutAll()">
        <img src="./assets/imgs/home/icon-lhbb.png" >
        <label class="label2-2">离沪报备</label>
        <img class="new-logo" *ngIf="hasNew.premanager==1" src="./assets/imgs/new.png">
      </div>
      <div class="card" (click)="goTo('DutyPage')">
        <img src="./assets/imgs/home/icon-zbqk.png" >
        <label class="label2-2">值班情况</label>
      </div>
      <div class="card" (click)="goTo('SurveryPage')">
        <img src="./assets/imgs/home/icon-wjdc.png" >
        <label class="label2-2 more2-2">问卷调查</label>
      </div>
      <div class="card" (click)="goTo('LearningListPage')">
        <img src="./assets/imgs/home/icon-xxcs.png" >
        <label class="label2-2 more2-2 main-color">学习测试</label>
        <img class="new-logo" *ngIf="hasNew.test==1" src="./assets/imgs/new.png">
      </div>
      <div class="card" (click)="goTo('MoreAppPage')">
        <img src="./assets/imgs/home/icon-more.png" >
        <label class="label2-2 more2-2">更多应用</label>
      </div>
    </div>
  </div>

  <p class="p-font">日程表</p>
  <div class="calen-tab">
    <span class="calen1">休息日</span> <span class="calen2">参加活动</span>
    <span class="calen3">值班</span><span class="calen4">离沪</span>
  </div>
  <div class="calendarEle"  #calendarEle>
    <ion-calendar
            [(ngModel)]="date"
            (monthChange)="monChange($event)"
            [options]="optionsMulti"
            type="'js-date'"
            [format]="'YYYY-MM-DD'">
    </ion-calendar>
    <div #scrollDown class="scroll-down">
      <ion-icon *ngIf="!isShow" (click)="showCalendar()" name="arrow-down"></ion-icon>
      <ion-icon *ngIf="isShow" (click)="hiddenCalendar()" name="arrow-up"></ion-icon>
    </div>
  </div>
</ion-content>