page-evaluate.component.html 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. <ion-header>
  2. <ion-toolbar>
  3. <ion-buttons slot="start">
  4. <ion-button (click)="goBack()" fill="clear">
  5. <ion-icon aria-hidden="true" name="chevron-back" style="color: black; font-size: 24px; argin:left"></ion-icon>
  6. </ion-button>
  7. </ion-buttons>
  8. <ion-title>评价</ion-title>
  9. <ion-buttons slot="end">
  10. <ion-button (click)="submitEvaluation()" class="submit-button" color="light" id="present-alert">发表</ion-button>
  11. <ion-alert
  12. trigger="present-alert"
  13. header="发表状态"
  14. message="发表成功"
  15. [buttons]="alertButtons"
  16. ></ion-alert>
  17. </ion-buttons>
  18. </ion-toolbar>
  19. </ion-header>
  20. <ion-content>
  21. <div class="rating-container">
  22. <span class="rating-label">评分:</span>
  23. <edit-rating-star
  24. [score]="currentScore"
  25. [scoreMax]="5"
  26. (onScoreChange)="handleScoreChange($event)">
  27. </edit-rating-star>
  28. <span class="actual-score">{{ getScoreDescription(currentScore) }}</span>
  29. </div>
  30. <div class="textbox">
  31. <ion-textarea placeholder="你可以从AI的使用体验、速度、准确性、实用性、创新性以及全面性等方面进行评价,晒图分享你的使用体验~"[autoGrow]="true"></ion-textarea>
  32. </div>
  33. <div class="imgbox">
  34. </div>
  35. </ion-content>