HarmonyOS tab切换demo

tab切换可使用tabs组件来实现，以下是demo：

@Entry
@Component
struct Index {
  @State cIndex:number=0
  build() {
    Tabs(){
      TabContent(){
        Text('tab0')
      }.tabBar(this.tbar(0))
      TabContent(){
        Text('tab1')
      }.tabBar(this.tbar(1))
      TabContent(){
        Text('tab2')
      }.tabBar(this.tbar(2))
      TabContent(){
        Text('tab3')
      }.tabBar(this.tbar(3))
    }.onChange((index:number)=>{
      this.cIndex=index
    })
  }
  @Builder tbar(index:number){
    Text("tab")
      .fontColor(this.cIndex==index?Color.Red:Color.Black)
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.