<ion-header [translucent]="true">
  <div class="button-container">
  <ion-button (click)="goTab1()" fill="clear"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
  </div>
  <ion-toolbar>
    <ion-title style="text-align: center; ">
    <div style="display: flex; align-items: center;justify-content: center; width: 200px; margin: auto;">
      <ion-icon name="sunny" style="color: rgb(250, 222, 222); font-size: 24px;"></ion-icon>
      <span style="color: rgb(250, 222, 222); font-size: 20px; margin-left: 8px;">日常</span>
    </div>
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content [fullscreen]="true">

  <div class="rating-container">
    <h4>星星打分：分值 {{currentScore}}</h4>
    <edit-rating-star 
      [score]="currentScore" 
      [scoreMax]="5" 
      (onScoreChange)="handleScoreChange($event)">
    </edit-rating-star>
  </div>
  
  <div class="tag-container">
    <app-edit-tag (onTagChange)="setTagsValue($event)"></app-edit-tag>
    <ul>
      @for(tag of editTags;track tag;){
        <li>{{tag}}</li>
      }
    </ul>
  </div>
</ion-content>