s202226701024/src/app/tab1/tab1.page.spec.ts

import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { IonHeader, IonToolbar, IonTitle, IonContent, IonButton, IonCard, IonCardHeader, IonCardTitle, IonCardContent, IonItem, IonLabel, IonList, IonInput, IonTextarea, IonAvatar, IonSearchbar } from '@ionic/angular/standalone';
import { ExploreContainerComponent } from '../explore-container/explore-container.component';
import { CommonModule } from '@angular/common';

@Component({
  selector: 'app-tab1',
  templateUrl: 'tab1.page.html',
  styleUrls: ['tab1.page.scss'],
  standalone: true,
  imports: [
    CommonModule,
    IonHeader, IonToolbar, IonTitle, IonContent, ExploreContainerComponent,
    IonButton, IonCard, IonCardHeader, IonCardTitle, IonCardContent,
    IonList, IonItem, IonLabel, IonAvatar, IonInput, IonTextarea, IonSearchbar
  ],
  schemas: [CUSTOM_ELEMENTS_SCHEMA], 
})
export class Tab1Page {
  topics = [
    { title: '如何更好练习球性', participants: 120 },
    { title: '经典招式学习', participants: 80 },
  ];

  newPost = {
    title: '',
    content: ''
  };

  submitPost() {
    if (this.newPost.title && this.newPost.content) {
      // 在这里处理发帖逻辑
      console.log('发布的帖子:', this.newPost);
      this.newPost.title = '';
      this.newPost.content = '';
    }
  }

  onSearch(event: any) {
    const searchTerm = event.target.value; // 获取用户输入的搜索内容
    console.log('搜索内容:', searchTerm);
    // 在这里添加搜索逻辑，例如过滤列表或导航到搜索结果页面
  }
}