import { ContentDTO } from 'wdBean';
import { CommonConstants } from 'wdConstant'
import { ProcessUtils } from 'wdRouter';
import { CardSourceInfo } from '../cardCommon/CardSourceInfo'

/**
 * 卡片样式："appStyle":"3"
 * Card_03 = '3', // 无图卡(全标题)
 */
@Component
export struct Card3Component {
  @State contentDTO: ContentDTO = new ContentDTO();
  @State clicked: boolean = false;

  build() {
    Column() {
      Text(this.contentDTO.newsTitle)
        .fontSize($r("app.float.font_size_16"))
        .fontColor(this.clicked ? 0x848484 : $r("app.color.color_222222"))
        .width(CommonConstants.FULL_WIDTH)
      // 评论等信息
      CardSourceInfo({ contentDTO: this.contentDTO })
    }
    .width(CommonConstants.FULL_WIDTH)
    .padding({
      left: $r('app.float.card_comp_pagePadding_lf'),
      right: $r('app.float.card_comp_pagePadding_lf'),
      top: $r('app.float.card_comp_pagePadding_tb'),
      bottom: $r('app.float.card_comp_pagePadding_tb')
    })
    .onClick((event: ClickEvent) => {
      this.clicked = true;
      ProcessUtils.processPage(this.contentDTO)
    })
  }
}