20222670105/novel-app/src/app/tool4/tool4.page.html

<ion-header>
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-back-button defaultHref="/"></ion-back-button>
    </ion-buttons>
    <ion-title>小说名称生成器</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content [fullscreen]="true" class="ion-padding"
  style="background-image: url('../../assets/images/background-image6.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat;">

  <!-- <h1>标题</h1>
  <ion-input [value]="titlel" placeholder="输入标题" (ionInput)="titleInput($event)"></ion-input> -->
  <h1>要求</h1>
  <ion-input [value]="style" placeholder="输入要求" (ionInput)="styleInput($event)"></ion-input>


  <!-- 按钮：执行消息生成函数 -->
  <ion-button (click)="sendMessage()" expand="block">生成小说名称</ion-button>

  <!-- <ion-textarea [(ngModel)]="generatedOutline" placeholder="生成的小说大纲" autoGrow="true"
    class="generated-outline"></ion-textarea> -->
  @if(isComplete){
  <fm-markdown-preview [content]="responseMsg"></fm-markdown-preview>
  }


  <!-- 保存按钮 -->
  <ion-button (click)="saveNovel()" expand="block" color="success">保存小说名称</ion-button>

</ion-content>