nova-live/projects/live-app/src/app/components/flutter-comp/flutter-comp.component.html

@if (msgSerrvice.giftLogMap.length > 0) {
<div
  class="flutter-container"
  [style.background-image]="'url(img/flutter.gif)'"
>
  <div class="flutter-banner">
    <div class="user-region">
      <img
        [src]="msgSerrvice.giftLogMap[0]?.user?.avatar?.value"
        alt=""
        class="avatar"
      />
      <span class="user-nickname">{{ msgSerrvice.giftLogMap[0]?.user?.nickname?.value }}</span>
      送出<span class="gift-name">{{ msgSerrvice.giftLogMap[0]?.gift?.name }}</span>
      <span class="num">* {{ msgSerrvice.giftLogMap[0]?.count }}</span>
    </div>
    <!-- <div class="gift-container">
      <img class="gift-img" [src]="msgSerrvice.giftLogMap[0]?.gift?.imgUrl" />
    </div> -->
  </div>
</div>
<div class="vap-gift" id="vap-gift"></div>
}