tab1.page.ts 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. import { Component } from '@angular/core';
  2. import { IonHeader, IonToolbar, IonTitle, IonContent } from '@ionic/angular/standalone';
  3. import { ExploreContainerComponent } from '../explore-container/explore-container.component';
  4. import { IonAvatar, IonButton, IonCard, IonCardContent, IonCardHeader, IonCardTitle, IonImg, IonInput, IonSearchbar, IonTextarea } from '@ionic/angular/standalone';
  5. import { IonIcon } from '@ionic/angular/standalone';
  6. @Component({
  7. selector: 'app-tab1',
  8. templateUrl: 'tab1.page.html',
  9. styleUrls: ['tab1.page.scss'],
  10. standalone: true,
  11. imports: [
  12. IonHeader, IonToolbar, IonTitle, IonContent, ExploreContainerComponent,
  13. IonButton,IonInput,IonImg,IonTextarea,IonAvatar,IonCard,IonCardTitle,
  14. IonCardContent,IonCardHeader,IonSearchbar,IonIcon
  15. ],
  16. })
  17. export class Tab1Page {
  18. strategyInput: string = '';
  19. strategyResult: string = '';
  20. roomInput: string = '';
  21. roomImage: string | null = null;
  22. userFeedback: string = '';
  23. constructor() {}
  24. // 生成订房策略的方法
  25. generateStrategy() {
  26. // 这里可以添加逻辑,例如根据用户输入生成策略
  27. this.strategyResult = '推荐的订房策略:选择三家评价最高的酒店,预算范围内的最佳房型…';
  28. }
  29. // 生成房间图片的方法
  30. generateRoomImage() {
  31. // 这里可以添加逻辑,例如根据用户输入生成房间图片
  32. this.roomImage = 'assets/generated-room-image.png'; // 示例路径,实际应为生成的图片路径
  33. }
  34. // 提交用户反馈的方法
  35. submitFeedback() {
  36. // 处理用户反馈逻辑
  37. console.log('用户反馈:', this.userFeedback);
  38. // 清空反馈文本框
  39. this.userFeedback = '';
  40. }
  41. }