//全标题 "appStyle":"2",
import { CompDTO, ContentDTO } from 'wdBean';
import { CommonConstants, CompStyle } from 'wdConstant/Index';
import { ProcessUtils } from 'wdRouter';
import { CardMediaInfo } from '../cardCommon/CardMediaInfo'
import { CardSourceInfo } from '../cardCommon/CardSourceInfo'
import { CardAdvBottom } from './CardAdvBottom';

const TAG: string = 'Card2Component';

/**
 * @Description: 广告---长通栏广告 和 顶部长通栏广告
 * @Author:
 * @Email: liyubing@wondertek.com.cn
 * @CreateDate:
 * @UpdateRemark: 更新说明
 * @Version: 1.0
 */
@Component
export struct CardAdvLongImageComponent {


  @State compDTO: CompDTO = {} as CompDTO

  @State haveTitle : boolean = true

  aboutToAppear(): void {

    console.error('ZZZXXXXX', '--长通栏广告 和 顶部长通栏广告------aboutToAppear-----')

    this.haveTitle = this.compDTO.matInfo.advSubType === CompStyle.Card_Adv_7;
  }

  aboutToDisappear(): void {

    console.error('ZZZXXXXX', '--长通栏广告 和 顶部长通栏广告------aboutToDisappear-----')
  }

  build() {

    Column() {

      //新闻标题
      if(this.haveTitle ){
        Text(this.compDTO.matInfo.advTitle).bottomTextStyle().margin({ bottom: 8, })
      }

      //长图
      Image(this.compDTO.matInfo.matImageUrl[0])
        .width(CommonConstants.FULL_WIDTH)
        .aspectRatio(343 / 96)
        .borderRadius(4)
        .borderWidth(0.5)
        .borderColor($r('app.color.color_0D000000'))

      CardAdvBottom().margin({
        top: 8,
      })
    }
    .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) => {
      ProcessUtils.openAdvDetail(this.compDTO.matInfo)
    })
  }
}

/*
   标题样式
 */
@Extend(Text)
function bottomTextStyle() {
  .fontSize('18fp')
  .fontColor($r('app.color.color_222222'))
  .maxLines(3)
  .textOverflow({ overflow: TextOverflow.Ellipsis }) // 超出的部分显示省略号。
  .align(Alignment.Start)
  .lineHeight(25)
}