//缩略标题
import { CommonConstants } from 'wdConstant'
import { ContentDTO } from 'wdBean'
import { DateTimeUtils } from 'wdKit'
import { ProcessUtils } from 'wdRouter';
import { CardSourceInfo } from '../cardCommon/CardSourceInfo'
const TAG = 'Card11Component';

/**
 * 无图卡(标题省略) Card_11 = '11
 */
@Component
export struct Card11Component {
  @State contentDTO: ContentDTO = {} as 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"))
        .maxLines(3)
        .textOverflow({ overflow: TextOverflow.Ellipsis })
        .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')
    })
    .backgroundColor($r("app.color.white"))
    .onClick((event: ClickEvent) => {

      this.clicked = true;
      ProcessUtils.processPage(this.contentDTO)
    })
  }
}