<ion-header [translucent]="true">
  <ion-toolbar>
    <ion-title>
      示例：logo生成{{imagineWork?.progress || 0}}
    </ion-title> 
  </ion-toolbar>
</ion-header><ion-header>
  <ion-toolbar>
    <div class="toolbar-content">
      <div class="button-container">
        <ion-button (click)="goTab1()" fill="clear">
          <ion-icon name="chevron-back" slot="start"></ion-icon>返回
        </ion-button>
      </div>
      <ion-title class="title-text">
        心理咨询
      </ion-title>
    </div>
  </ion-toolbar>
</ion-header>

<ion-content>
    <h1>类型</h1>
    <ion-input [value]="leixing" (ionInput)="leixingInput($event)"></ion-input>
<!-- 文本域：生成提示词 -->
 <h1>心理状况的描述</h1>
<ion-textarea [value]="userPrompt" (ionInput)="promptInput($event)" placeholder="文本提示词" autoGrow="true"></ion-textarea>

<!-- 按钮：执行消息生成函数 -->
<ion-button (click)="sendMessage()" expand="block">初步判断</ion-button>

@if(!isComplete){
    <div>{{responseMsg}}</div>
  }
  <!-- 消息传输完成后，实时预览Markdown格式 -->
@if(isComplete){
    <fm-markdown-preview class="content-style" [content]="responseMsg"></fm-markdown-preview>
  }

</ion-content>

<ion-content [fullscreen]="true">
  <!-- 生成提示词 -->
  <ion-textarea [value]="userPrompt" (ionInput)="promptInput($event)" placeholder="图片提示词" autoGrow="true"></ion-textarea>
  <ion-button (click)="createImage()" expand="block">生成logo</ion-button>
  <!--logo画面提示词-->

  <div>
    {{PictureDescResult}}
  </div>

  <!-- 生成结果 -->
  @if(images.length) {
    @for(imageUrl of images;track imageUrl){
      <img [src]="imageUrl" alt="" srcset="">
    }
  }
  <!-- 生成状态 -->
  @if(!images.length){
    @if(imagineWork){
      <h1>生成中</h1>
    }
    @if(!imagineWork){
      <h1>未开始</h1>
    }
  }

</ion-content>