app-myapp/app/tab2/tab2.page.html

<ion-header [translucent]="true">
  <ion-toolbar>
    <ion-title>
      相册
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content [fullscreen]="true">
  <ion-header collapse="condense">
    <ion-toolbar>
      <ion-title size="large">Tab 2</ion-title>
    </ion-toolbar>
  </ion-header>

  <div class="image-container">
    <!-- 第七张照片 -->
    <div class="photo-section">
      <div class="time-display">
        <!-- 第七张照片的时间 -->
        <p>2024-07-07 14:00</p>
      </div>
      <ion-img src="assets/photos/photo7.jpg" class="top-image" (click)="openImageInNewTab('assets/photos/photo7.jpg')"></ion-img>
    </div>

    <!-- 前六张照片 -->
    <div class="photo-section">
      <div class="time-display">
        <!-- 前六张照片的时间 -->
        <p>2024-07-07 12:00</p>
      </div>
      <div class="bottom-images">
        <ion-card *ngFor="let photo of ['photo6.jpg', 'photo5.jpg', 'photo4.jpg', 'photo3.jpg', 'photo2.jpg', 'photo1.jpg']" (click)="openImageInNewTab('assets/photos/' + photo)">
          <ion-img src="assets/photos/{{ photo }}"></ion-img>
        </ion-card>
      </div>
    </div>
  </div>
</ion-content>