<div class="suggestion-item" [class.replaced]="isReplaced">
  <div class="suggestion-img">{{ suggestion.initial }}</div>
  <div class="suggestion-info">
    <div class="suggestion-name">{{ suggestion.name }}</div>
    <div class="suggestion-reason">{{ suggestion.reason }}</div>
    <div class="suggestion-price">¥{{ suggestion.price.toFixed(2) }}</div>
  </div>
  <button class="suggestion-btn" (click)="onReplace()">
    @if (isReplaced) {
      <fa-icon [icon]="faCheck"></fa-icon> 已替换
    } @else {
      替换
    }
  </button>
</div>