page-daily.component_20241201193119.html 1.1 KB

12345678910111213141516171819202122232425262728293031323334
  1. <ion-header [translucent]="true">
  2. <div class="button-container">
  3. <ion-button (click)="goTab1()" fill="clear"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
  4. </div>
  5. <ion-toolbar>
  6. <ion-title >
  7. <div style="display: flex; align-items: center; justify-content: center; width: 120px; margin: auto;">
  8. <ion-icon name="sunny" style="color: rgb(250, 222, 222); font-size: 24px; "></ion-icon>
  9. <span style="color: rgb(250, 222, 222); font-size: 20px; margin-left: 8px;">日常</span>
  10. </div>
  11. </ion-title>
  12. </ion-toolbar>
  13. </ion-header>
  14. <ion-content [fullscreen]="true">
  15. <div class="rating-container">
  16. <h4>星星打分:分值 {{currentScore}}</h4>
  17. <edit-rating-star
  18. [score]="currentScore"
  19. [scoreMax]="5"
  20. (onScoreChange)="handleScoreChange($event)">
  21. </edit-rating-star>
  22. </div>
  23. <div class="tag-container">
  24. <app-edit-tag (onTagChange)="setTagsValue($event)"></app-edit-tag>
  25. <ul>
  26. @for(tag of editTags;track tag;){
  27. <li>{{tag}}</li>
  28. }
  29. </ul>
  30. </div>
  31. </ion-content>