next-ucap-messenger/projects/ucap-webmessenger-ui-room/src/lib/components/list-item.component.html

<div class="list-item">
  <dl class="item-default">
    <dt>
      <!-- <img class="thumbnail" /> -->
      <ucap-ui-imaage
        [imageClass]="'thumbnail'"
        [base]="sessionVerinfo.profileRoot"
        [path]="imagePath"
        [default]="defaultPath"
      ></ucap-ui-imaage>
    </dt>
    <dd class="info">
      <div class="detail">
        <div class="room-name">
          <div class="name">{{ getRoomName(roomInfo) }}</div>
          <div class="num" *ngIf="roomInfo.roomType === RoomType.Multi">
            {{ roomInfo.joinUserCount }}명
          </div>
        </div>
        <div class="room-msg">{{ finalEventMessage }}</div>
      </div>

      <div class="date">{{ roomInfo.finalEventDate }}</div>
    </dd>
  </dl>
  <!-- <span class="noti">1</span> -->
  <span
    class="notiBadge"
    *ngIf="roomInfo.noReadCnt > 0"
    [matBadgeHidden]="roomInfo.noReadCnt === 0"
    [matBadge]="roomInfo.noReadCnt"
    matBadgeOverlap="true"
    matBadgeColor="accent"
    matBadgePosition="below after"
  >
  </span>
</div>