게시판 목록 좋아요 증가시 색 변경하기

게시판 본문 적용 방법

좋아요 0 에서 1 증가시 색상변경

<span class="eh_card_meta_like <!--@if($document->get('voted_count') > 0)-->active<!--@end-->">
  <ion-icon name="heart"></ion-icon>
  <span>{$document->get('voted_count')!=0?$document->get('voted_count'):'0'}</span>
  <span class="eh_card_meta_line"></span>
</span>

 

scss 적용 방법

.eh_card_meta_like {
  display: flex;
  align-items: center;

  ion-icon {
    margin-right: 0.25rem;
  }

  &.active {
    color: var(--color-danger);
  }
}

 

 

코멘트 숫자 증가에 대한 색변경

{@ // 댓글 }
<span class="eh_card_meta_box <!--@if($document->getCommentCount() > 0)-->active<!--@end-->">
  <ion-icon name="heart"></ion-icon>    
  <span>{$document->getCommentCount()!=0?$document->getCommentCount():'0'}</span>
</span>