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

@Component
export struct TabInfoComponent {
  @Consume liveDetailsBean: LiveDetailsBean

  aboutToAppear(): void {
  }

  build() {
    Column() {
      this.showLiveTitle()
      this.showLiveDetails()
      LiveCountdownComponent({liveDetailsBean:this.liveDetailsBean})
    }.margin({
      top: 13,
      left: 16,
      right: 16
    })
    .height('100%')
    .alignItems(HorizontalAlign.Start)
  }

  aboutToDisappear(): void {
  }

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

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