agent-shige.page.html 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. <ion-header>
  2. <ion-toolbar>
  3. <ion-title>
  4. 诗词创作
  5. </ion-title>
  6. </ion-toolbar>
  7. </ion-header>
  8. <ion-content>
  9. <ion-item>
  10. <ion-input placeholder="关键词" [(ngModel)]="shigeOptions.keywords"></ion-input>
  11. </ion-item>
  12. <ion-item>
  13. <ion-input placeholder="创作灵感" [(ngModel)]="shigeOptions.content"></ion-input>
  14. </ion-item>
  15. <ion-item>
  16. <ion-select label="诗歌格律" placeholder="格律" [(ngModel)]="shigeOptions.type">
  17. <ion-select-option value="不限制">不限制</ion-select-option>
  18. <ion-select-option value="七言绝句">七言绝句</ion-select-option>
  19. <ion-select-option value="五言律诗">五言律诗</ion-select-option>
  20. <ion-select-option value="藏头诗">藏头诗</ion-select-option>
  21. <ion-select-option value="宋词">藏头诗</ion-select-option>
  22. </ion-select>
  23. </ion-item>
  24. <ion-item>
  25. <ion-select label="诗歌主题" placeholder="主题" [(ngModel)]="shigeOptions.theme">
  26. <ion-select-option value="不限制">不限制</ion-select-option>
  27. <ion-select-option [value]="item" *ngFor="let item of themeList">{{item}}</ion-select-option>
  28. </ion-select>
  29. </ion-item>
  30. <ion-button expand="block" (click)="sendMessage()">发送</ion-button>
  31. <ion-card *ngFor="let message of messageList">
  32. <ion-card-header>
  33. {{message?.role}}
  34. </ion-card-header>
  35. <ion-card-content>
  36. {{ message?.content }}
  37. </ion-card-content>
  38. </ion-card>
  39. </ion-content>