Card11Component.ets 2.74 KB
//缩略标题
import { CompDTO, ContentDTO } from 'wdBean'
import { DateTimeUtils } from 'wdKit'
import { CommonConstants } from 'wdConstant';
import { ProcessUtils } from 'wdRouter';
import { CardSourceInfo } from '../cardCommon/CardSourceInfo';
import { Notes } from './notes';

const TAG = 'Card11Component';

/**
 * 无图卡(标题省略) Card_11 = '11
 */
@Component
export struct Card11Component {
  @State contentDTO: ContentDTO = new ContentDTO();
  @State clicked: boolean = false;
  @ObjectLink compDTO: CompDTO
  @State titleMarked: boolean = false;
  @State str01: string = '';
  @State str02: string = '';
  @State str03: string = '';

  async aboutToAppear(): Promise<void> {
    this.titleInit();
  }

  titleInit() {
    if (this.contentDTO.title?.includes('<em>') && this.contentDTO.title?.includes('</em>')) {
      this.titleMarked = true;
      this.str01 = this.contentDTO.title?.split('<em>')[0] || '';
      this.str02 = this.contentDTO.title?.split('<em>')[1].split('</em>')[0] || '';
      this.str03 = this.contentDTO.title?.split('<em>')[1].split('</em>')[1] || '';
    }
  }

  build() {
    Column() {
      Stack() {
        if (this.contentDTO.newTags) {
          Notes({ newTags: this.contentDTO.newTags }).height(27).align(Alignment.Center)
        } else if (this.contentDTO.objectType == '5') {
          Notes({ objectType: this.contentDTO.objectType }).height(27).align(Alignment.Center)
        }
        Text() {
          if (this.titleMarked) {
            Span(this.str01)
            Span(this.str02)
              .fontColor(0xED2800)
            Span(this.str03)
          } else {
            Span(this.contentDTO.newsTitle)
          }
        }
        .lineHeight(27)
        .fontSize($r("app.float.font_size_18"))
        .fontColor(this.clicked ? 0x848484 : $r("app.color.color_222222"))
        .maxLines(3)
        .textOverflow({ overflow: TextOverflow.Ellipsis })
        .width(CommonConstants.FULL_WIDTH)
        .textIndent(this.contentDTO.newTags?.length < 5 && this.contentDTO.newTags?.length > 2 ? 58 :
          (this.contentDTO.newTags?.length != 0 && this.contentDTO.newTags?.length) ||
            this.contentDTO.objectType == '5' ? 35 : 0)

      }.alignContent(Alignment.TopStart)


      // 评论等信息
      CardSourceInfo({ compDTO: this.compDTO, 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)
    })
  }
}