日历

src/pages/tabs/notice/notice.html

@@ -10,24 +10,53 @@
 
 <ion-content padding>
   <div class="notice">
-    <div class="notice-card" *ngFor="let item of noticeList;">
-      <div class="notice-type">
-        <div class="type-img">
-          <img *ngIf="item.type == 1" src="./assets/imgs/notice/notice-zbpb.png" alt="">
-          <img *ngIf="item.type == 2" src="./assets/imgs/notice/notice-rzzf.png" alt="">
-          <img *ngIf="item.type == 3" src="./assets/imgs/notice/notice-srzf.png" alt="">
-          <img *ngIf="item.type == 4" src="./assets/imgs/notice/notice-hdtx.png" alt="">
-          <img *ngIf="item.type == 5" src="./assets/imgs/notice/notice-wcbb.png" alt="">
-          <img *ngIf="item.type == 6" src="./assets/imgs/notice/notice-wjtc.png" alt="">
+    <ng-container  *ngFor="let item of noticeList;">
+      <ng-container *ngIf="item.isRead == 0">
+        <div class="notice-card">
+          <div class="notice-type">
+            <div class="type-img">
+              <img *ngIf="item.type == 1" src="./assets/imgs/notice/notice-zbpb.png" alt="">
+              <img *ngIf="item.type == 2" src="./assets/imgs/notice/notice-rzzf.png" alt="">
+              <img *ngIf="item.type == 3" src="./assets/imgs/notice/notice-srzf.png" alt="">
+              <img *ngIf="item.type == 4" src="./assets/imgs/notice/notice-hdtx.png" alt="">
+              <img *ngIf="item.type == 5" src="./assets/imgs/notice/notice-wcbb.png" alt="">
+              <img *ngIf="item.type == 6" src="./assets/imgs/notice/notice-wjtc.png" alt="">
+            </div>
+            <div class="type-info" style="width:50%;">{{item.title}}</div>
+            <div class="type-time" style="width:30%;">{{item.sendTime | date:'yyyy-MM-dd' }}</div>
+          </div>
+          <div class="notice-content">
+            <!--今天是 <span class="notice-key">张豆豆</span>同志的生日，祝他生日快乐!-->
+            {{item.content}}
+          </div>
         </div>
-        <div class="type-info" style="width:50%;">{{item.title}}</div>
-        <div class="type-time" style="width:30%;">{{item.sendTime | date:'yyyy-MM-dd' }}</div>
-      </div>
-      <div class="notice-content">
-        <!--今天是 <span class="notice-key">张豆豆</span>同志的生日，祝他生日快乐!-->
-        {{item.content}}
-      </div>
-    </div>
+      </ng-container>
+    </ng-container>
+    <ng-container *ngIf="noticeList">
+      <p class="color-666">以下为旧消息</p>
+    </ng-container>
+    <ng-container *ngFor="let item of noticeList;">
+      <ng-container *ngIf="item.isRead == 1">
+        <div class="notice-card" >
+          <div class="notice-type">
+            <div class="type-img">
+              <img *ngIf="item.type == 1" src="./assets/imgs/notice/notice-zbpb.png" alt="">
+              <img *ngIf="item.type == 2" src="./assets/imgs/notice/notice-rzzf.png" alt="">
+              <img *ngIf="item.type == 3" src="./assets/imgs/notice/notice-srzf.png" alt="">
+              <img *ngIf="item.type == 4" src="./assets/imgs/notice/notice-hdtx.png" alt="">
+              <img *ngIf="item.type == 5" src="./assets/imgs/notice/notice-wcbb.png" alt="">
+              <img *ngIf="item.type == 6" src="./assets/imgs/notice/notice-wjtc.png" alt="">
+            </div>
+            <div class="type-info" style="width:50%;">{{item.title}}</div>
+            <div class="type-time" style="width:30%;">{{item.sendTime | date:'yyyy-MM-dd' }}</div>
+          </div>
+          <div class="notice-content">
+            <!--今天是 <span class="notice-key">张豆豆</span>同志的生日，祝他生日快乐!-->
+            {{item.content}}
+          </div>
+        </div>
+      </ng-container>
+    </ng-container>
     <!--<div class="notice-card">-->
       <!--<div class="notice-type">-->
         <!--<div class="type-img" ></div>-->

src/pages/tabs/notice/notice.ts

@@ -12,7 +12,7 @@ import {Badge} from "@ionic-native/badge";
 })
 export class NoticePage {
 
-    noticeList = [];
+    noticeList;
   constructor(public navCtrl: NavController, public navParams: NavParams,
               public appService:AppService,public badge:Badge) {
   }