import { ListHasNoMoreDataUI } from 'wdComponent/Index'
import { TabLiveItemComponent } from './TabLiveItemComponent'

@Component
export struct TabLiveComponent {
  arr: string[] = []

  aboutToAppear(): void {
    for (let index = 0; index < 2; index++) {
      this.arr.push(index + '')
    }
  }

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

  }

  aboutToDisappear(): void {
  }
}