1

ballfire/src/app/tab1/tab1.page.html

@@ -46,24 +46,4 @@
       </ion-card-content>
     </ion-card>
   </section>
-
-  <!-- 发帖区 -->
-  <section>
-    <ion-card>
-      <ion-card-header>
-        <ion-card-title>发帖</ion-card-title>
-      </ion-card-header>
-      <ion-card-content>
-        <ion-item>
-          <ion-label position="floating">发帖标题</ion-label>
-          <ion-input [(ngModel)]="newPost.title"></ion-input>
-        </ion-item>
-        <ion-item>
-          <ion-label position="floating">发帖内容</ion-label>
-          <ion-textarea [(ngModel)]="newPost.content"></ion-textarea>
-        </ion-item>
-        <ion-button expand="full" (click)="submitPost()">发布</ion-button>
-      </ion-card-content>
-    </ion-card>
-  </section>
 </ion-content>

ballfire/src/app/tab1/tab1.page.ts

@@ -52,4 +52,4 @@ export class Tab1Page {
     console.log('搜索内容:', searchTerm);
     // 在这里添加搜索逻辑，例如过滤列表或导航到搜索结果页面
   }
-}
+}

ballfire/src/app/tabs/tabs.page.html

@@ -10,11 +10,6 @@
       <ion-label>Tab 2</ion-label>
     </ion-tab-button>
 
-    <ion-tab-button tab="tab3" href="/tabs/tab3">
-      <ion-icon aria-hidden="true" name="square"></ion-icon>
-      <ion-label>Tab 3</ion-label>
-    </ion-tab-button>
-    
     <ion-tab-button tab="tab4" href="/tabs/tab4">
       <ion-icon aria-hidden="true" name="square"></ion-icon>
       <ion-label>我的</ion-label>

ballfire/src/app/test/test.component.html

@@ -5,4 +5,24 @@
     </ion-title>
   </ion-toolbar>
 </ion-header>
-<ion-content [fullscreen]="true">
+
+<ion-content [fullscreen]="true">
+  <ion-card>
+    <ion-card-header>
+      <ion-card-title>备忘录</ion-card-title>
+    </ion-card-header>
+    <ion-card-content>
+      <ion-item>
+        <ion-label position="floating">输入备忘录</ion-label>
+        <ion-input [(ngModel)]="newMemo"></ion-input>
+      </ion-item>
+      <ion-button expand="full" (click)="addMemo()">添加备忘录</ion-button>
+      
+      <ion-list>
+        <ion-item *ngFor="let memo of memos">
+          <ion-label>{{ memo }}</ion-label>
+        </ion-item>
+      </ion-list>
+    </ion-card-content>
+  </ion-card>
+</ion-content>

ballfire/src/app/test/test.component.ts

@@ -1,12 +1,15 @@
+import { CommonModule } from '@angular/common';
 import { Component, OnInit } from '@angular/core';
-import { IonHeader, IonToolbar, IonTitle, IonContent, IonCard, IonCardContent, IonButton, IonCardHeader, IonCardTitle, IonCardSubtitle, ModalController } from '@ionic/angular/standalone';
+import { FormsModule } from '@angular/forms';
+import { IonHeader, IonToolbar, IonTitle, IonContent, IonItem,IonCard, IonCardContent, IonLabel,IonList,IonInput,IonButton, IonCardHeader, IonCardTitle, IonCardSubtitle, ModalController } from '@ionic/angular/standalone';
 @Component({
   selector: 'app-test',
   templateUrl: './test.component.html',
   styleUrls: ['./test.component.scss'],
   standalone: true,
-  imports: [IonHeader, IonToolbar, IonTitle, IonContent, 
-    IonCard, IonCardContent, IonButton, IonCardHeader, IonCardTitle, IonCardSubtitle,
+  imports: [IonHeader, IonToolbar, IonTitle, IonContent, FormsModule, // 添加 FormsModule
+   CommonModule, // 确保 CommonModule 被导入
+    IonCard, IonCardContent, IonButton, IonCardHeader, IonCardTitle, IonCardSubtitle,IonItem,IonLabel,IonInput,IonList
   ],
 })
 export class TestComponent  implements OnInit {
@@ -15,4 +18,13 @@ export class TestComponent  implements OnInit {
 
   ngOnInit() {}
 
+  newMemo: string = ''; // 新备忘录内容
+  memos: string[] = []; // 储存备忘录的数组
+
+  addMemo() {
+    if (this.newMemo.trim()) {
+      this.memos.push(this.newMemo.trim());
+      this.newMemo = ''; // 清空输入框
+    }
+  }
 }