input testdata2

myapp/src/app/tab1/tab1.page.html

@@ -59,24 +59,23 @@
         <ion-chip (click)="importMessage()">导入测试数据</ion-chip>
       </ion-list-header>
       
-      <ion-item *ngFor="let item of communityFeed" 
-                [class.emergency-item]="item.type === 'emergency'"
-                [class.completed-item]="item.status === 'completed'"
+      <ion-item *ngFor="let item of Message" 
+                [class.high-points]="item.points > 40"
                 (click)="goDynamic('123'); playPointsAnimation($event)">
         <ion-avatar slot="start">
-          <img [src]="item.userAvatar" />
+          <img [src]="'https://ionicframework.com/docs/img/demos/avatar.svg'" />
         </ion-avatar>
-        <ion-label>
-          <h2>{{ item.userName }}</h2>
-          <p>{{ item.description }}</p>
-          <p *ngIf="item.type === 'emergency'" class="emergency-tag">
-            <ion-icon name="warning"></ion-icon>
-            紧急
-          </p>
+        <ion-label class="message-content">
+          <h2>{{ item.name }}（{{ item.ages }}岁）</h2>
+          <p class="matter">{{ item.matter }}</p>
+          <ion-badge color="warning" *ngIf="item.points > 40">
+            <ion-icon name="flash"></ion-icon>
+            高积分需求
+          </ion-badge>
         </ion-label>
-        <div slot="end" class="item-meta">
-          <span class="time">{{ item.time | date:'HH:mm' }}</span>
-          <span *ngIf="item.points" class="points">+{{ item.points }}分</span>
+        <div slot="end" class="meta-info">
+          <ion-text color="primary" class="points">+{{ item.points }}分</ion-text>
+          <ion-note class="time">{{ today | date:'HH:mm' }}</ion-note>
         </div>
       </ion-item>
     </ion-list>

myapp/src/app/tab1/tab1.page.ts

@@ -59,6 +59,7 @@ export class VoiceInputModal {
   standalone: false,
 })
 export class Tab1Page implements OnInit {
+  today: Date = new Date();
   // 用户数据
   currentUser: any = { name: '王阿姨', role: 'elderly' };
   isElderly: boolean = true;