import { ContentDetailDTO, LiveDetailsBean } from 'wdBean/Index'
import { LiveCountdownComponent } from './LiveCountdownComponent'

/**
 * 非沉浸式---简介/直播间/大家聊-简介
 */
@Component
export struct TabInfoComponent {
  @Consume contentDetailData: ContentDetailDTO
  aboutToAppear(): void {
  }

  build() {
    Scroll(){
      Column() {
        this.showLiveTitle()
        this.showLiveDetails()
        LiveCountdownComponent({liveDetailsBean:this.contentDetailData})
      }.margin({
        top: 13,
        left: 16,
        right: 16
      })
      .alignItems(HorizontalAlign.Start)
    }.layoutWeight(1)
    .width("100%")
    .scrollBar(BarState.Off)
  }

  aboutToDisappear(): void {
  }

  @Builder
  showLiveTitle() {
    Text(this.contentDetailData.newsTitle)
      .maxLines(2)
      .textOverflow({ overflow: TextOverflow.Ellipsis })
      .fontSize('18vp')
      .lineHeight('26vp')
      .fontWeight(500)
      .fontColor('#222222')
  }

  @Builder
  showLiveDetails() {
    Text(this.contentDetailData.newIntroduction)
      // .maxLines(5)
      .textOverflow({ overflow: TextOverflow.Ellipsis })
      .fontSize('14vp')
      .fontWeight(400)
      .fontColor('#666666')
      .lineHeight('22vp')
      .margin({ top: 8 })
  }
}