<ion-header [translucent]="true">
  <ion-toolbar >
    <ion-button (click)="back()"  style="width: 100px;">
      <ion-icon name="arrow-back-outline"></ion-icon>
    </ion-button>
  </ion-toolbar>
</ion-header>


<ion-content [fullscreen]="true">
  <ion-header>
    <ion-toolbar>
      <ion-title>消息列表</ion-title>
    </ion-toolbar>
  </ion-header>
  
  <ion-content fullscreen>
    <ion-card *ngFor="let message of messages" class="message-card">
      <ion-card-header>
        {{message.title}}
      </ion-card-header>
      <ion-card-content>
        <p>{{message.timestamp}}</p>
      </ion-card-content>
      <ion-card-content>
        <p>{{message.sender}}</p>
      </ion-card-content>
      <ion-card-content>
        <p>{{message.content.substring(0, 10)}}</p>
      </ion-card-content>
      <ion-button expand="block" color="primary" (click)="seeMessage()">查看·</ion-button>
      <ion-button expand="block" color="danger" (click)="deleteMessage(message)">删除</ion-button>
    </ion-card>
  </ion-content>

    <!-- 其他页面元素根据需求进行添加 -->
</ion-content> -->
