
<ion-header [translucent]="true">
  <ion-toolbar class="toolbar">
    <div>
      <ion-button (click)="backHome()" color="primary">{{back}}</ion-button>
    </div>
  </ion-toolbar>
</ion-header>

<ion-content [fullscreen]="true">
  <div>
    <ion-list>
      <ion-item>
        <!-- <ion-input label="输入你想了解的科普信息" placeholder="Enter text"></ion-input> -->
        <ion-input  [value]="kepu" placeholder="请输入科普" (ionInput)="kepuInput($event)"></ion-input>
      </ion-item>
    </ion-list>
  </div>
  <ion-button (click)="doInqueryTask()">执行问诊任务集</ion-button>
  <!-- 意境画面提示词 -->
  <div class="desc">
    {{PictureDescResult}}
  </div>
  <!-- 生成结果 -->
  @if(images.length) {
    @for(imageUrl of images;track imageUrl){
      <img [src]="imageUrl" alt="图片" srcset="">
    }

    <h3>图片地址：
      <span class="copyable">{{images.join(', ')}}</span>
    </h3>

  }
  <!-- 生成状态 -->
  @if(!images.length){
    <!-- <h2 style="display: grid; place-items: center;">欢迎使用头像生成器</h2> -->
    @if(imagineWork.progress!=0){
      <h1 style="display: grid; place-items: center;">生成中：{{imagineWork.progress}}</h1>
    }
    <!-- <div style="display: grid; place-items: center;">
      <img src="../../assets/image/头像生成器.png">
    </div> -->
  }
</ion-content>