增加图片

dream-app/src/app/tab1/tab1.page.html

@@ -1,21 +1,3 @@
-<ion-header>
-  <ion-toolbar>
-    <!-- Logo与应用名称 -->
-    <ion-buttons slot="start">
-      <ion-button fill="clear">
-        <ion-icon name="moon-outline"></ion-icon>
-        <ion-label>好梦</ion-label>
-      </ion-button>
-    </ion-buttons>
-    <!-- 设置按钮 -->
-    <ion-buttons slot="end">
-      <ion-button fill="clear" (click)="openSettings()">
-        <ion-icon name="settings-outline"></ion-icon>
-      </ion-button>
-    </ion-buttons>
-  </ion-toolbar>
-</ion-header>
-
 <ion-content>
   <!-- 主要功能区域 -->
   <div class="main-functions">
@@ -33,7 +15,10 @@
     <!-- 梦境分析和梦境描绘 -->
     <div class="function-cards">
       <!-- 梦境分析 -->
-      <ion-card (click)="navigateTo('analysis')">
+      <ion-card
+        (click)="navigateTo('analysis')"
+        style="background-image: url('assets/images/dream-analysis-bg.png'); background-size: cover; background-position: center;"
+      >
         <ion-card-header>
           <ion-icon name="search-outline" size="large"></ion-icon>
           <ion-card-title>梦境分析</ion-card-title>
@@ -44,7 +29,10 @@
       </ion-card>
 
       <!-- 梦境描绘 -->
-      <ion-card (click)="navigateTo('visualization')">
+      <ion-card
+        (click)="navigateTo('visualization')"
+        style="background-image: url('assets/images/dream-visualization-bg.png'); background-size: cover; background-position: center;"
+      >
         <ion-card-header>
           <ion-icon name="color-palette-outline" size="large"></ion-icon>
           <ion-card-title>梦境描绘</ion-card-title>
@@ -55,27 +43,4 @@
       </ion-card>
     </div>
   </div>
-
-  <!-- 近期梦境展示 -->
-  <ion-list>
-    <ion-list-header>
-      <ion-label>近期梦境</ion-label>
-    </ion-list-header>
-
-    <ion-item
-      *ngFor="let dream of recentDreams"
-      (click)="openDreamDetail(dream)"
-    >
-      <ion-avatar slot="start">
-        <ion-icon
-          [name]="getEmotionIcon(dream.emotion)"
-          size="large"
-        ></ion-icon>
-      </ion-avatar>
-      <ion-label>
-        <h2>{{ dream.title }}</h2>
-        <p>{{ dream.date | date }}</p>
-      </ion-label>
-    </ion-item>
-  </ion-list>
 </ion-content>