page-learningplaning.component.html 746 B

123456789101112131415161718192021222324252627282930
  1. <ion-header [translucent]="true">
  2. <ion-toolbar>
  3. <ion-title>
  4. 知识可视化{{imagineWork?.progress || 0}}
  5. </ion-title>
  6. </ion-toolbar>
  7. </ion-header>
  8. <ion-content [fullscreen]="true">
  9. <!-- 生成提示词 -->
  10. <ion-textarea [value]="userPrompt" (ionInput)="promptInput($event)" placeholder="学习路径规划"
  11. autoGrow="true"></ion-textarea>
  12. <ion-button (click)="createImage()" expand="block">知识可视化</ion-button>
  13. <!-- 生成结果 -->
  14. @if(images.length) {
  15. @for(imageUrl of images;track imageUrl){
  16. <img [src]="imageUrl" alt="" srcset="">
  17. }
  18. }
  19. <!-- 生成状态 -->
  20. @if(!images.length){
  21. @if(imagineWork){
  22. <h1>生成中</h1>
  23. }
  24. @if(!imagineWork){
  25. <h1>未开始</h1>
  26. }
  27. }
  28. </ion-content>