|
@@ -1,7 +1,7 @@
|
|
<ion-header [translucent]="true">
|
|
<ion-header [translucent]="true">
|
|
<ion-toolbar>
|
|
<ion-toolbar>
|
|
<ion-title>
|
|
<ion-title>
|
|
- Tab 2
|
|
|
|
|
|
+ 相册
|
|
</ion-title>
|
|
</ion-title>
|
|
</ion-toolbar>
|
|
</ion-toolbar>
|
|
</ion-header>
|
|
</ion-header>
|
|
@@ -13,5 +13,27 @@
|
|
</ion-toolbar>
|
|
</ion-toolbar>
|
|
</ion-header>
|
|
</ion-header>
|
|
|
|
|
|
- <app-explore-container name="Tab 2 page"></app-explore-container>
|
|
|
|
|
|
+ <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"></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']">
|
|
|
|
+ <ion-img src="assets/photos/{{ photo }}"></ion-img>
|
|
|
|
+ </ion-card>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
</ion-content>
|
|
</ion-content>
|