test/src/app/tab2/tab2.page.ts

import { Component } from '@angular/core';  
  
@Component({  
  selector: 'app-tab2',  
  templateUrl: './tab2.page.html',  
  styleUrls: ['./tab2.page.scss'],  
})  
export class Tab2Page {  
  selectedSegment: string = 'invitations';  
  
  invitationMessages = [  
    { inviter: { username: 'Alice' }, question: 'How to use Ionic v7?', time: new Date() },  
    // 更多邀请消息...  
  ];  
  
  systemMessages = [  
    { source: '系统', content: '您的新回答已被采纳！', time: new Date(new Date().getTime() - 3600000) },  
    // 更多系统消息...  
  ];  
  
  privateMessages = [  
    { user: { username: 'Bob' }, content: 'Hello, how are you?', time: new Date() },  
    // 更多私信...  
  ];  
  
  segmentChanged(event: CustomEvent) {  
    this.selectedSegment = event.detail.value;  
  }  
}