TabLiveComponent.ets 1.16 KB
import { LiveRoomItemBean } from 'wdBean/Index'
import { ListHasNoMoreDataUI } from 'wdComponent/Index'
import { LiveViewModel } from '../../viewModel/LiveViewModel'
import { TabLiveItemComponent } from './TabLiveItemComponent'

@Component
export struct TabLiveComponent {
  liveViewModel: LiveViewModel = new LiveViewModel()
  @State liveList: Array<LiveRoomItemBean> = []

  aboutToAppear(): void {
    this.getLiveList()
  }

  build() {
    Stack() {
      if (this.liveList.length == 0) {
        ListHasNoMoreDataUI({ style: 2 })
      } else {
        List() {
          ForEach(this.liveList, (item: LiveRoomItemBean) => {
            ListItem() {
              TabLiveItemComponent({ item: item })
            }
          })
          ListItem() {
            ListHasNoMoreDataUI()
          }
        }
      }
    }
    .alignContent(Alignment.Top)
    .backgroundColor('#F5F5F5')
    .height('100%')
    .width('100%')

  }

  getLiveList() {
    this.liveViewModel.getLiveList(1, '20000016257', '20000016229', 20,)
      .then(
        (data) => {
          this.liveList = data.barrageResponses
        },
        () => {

        })
  }

  aboutToDisappear(): void {
  }
}