HarmonyOS 地区选择器多级列表效果

@Observed  
class StringArray extends Array<String> {  
}  
  
const cityData: string[][] = [['辽宁省', '吉林省', '黑龙江省'], ['沈阳市', '大连市', '长春市'], ['东安区', '西安区', '爱民区'], ['东安区', '西安区', '爱民区'], ['东安区', '西安区', '爱民区']]  
  
@Entry  
@Component  
struct TabsExample6 {  
  private controller: TabsController = new TabsController()  
  @State titleArray: Array<string> = ['请选择']  
  @State arr: Array<StringArray> = [];  
  
  aboutToAppear(): void {  
    this.arr.push(['辽宁省', '吉林省', '黑龙江省']);  
  }  
  
  build() {  
    Column() {  
      Tabs({ barPosition: BarPosition.Start, controller: this.controller }) {  
        ForEach(this.arr, (itemArr: StringArray, index: number) => {  
          TabContent() {  
            Column() {  
              ForEach(itemArr, (item: string) => {  
                ListItem() {  
                  Row(){  
                    Text(item).fontSize(16).width('80%').align(Alignment.Start)  
                      .fontColor(this.titleArray[index] === item ? '#007DFF' : '#182431')  
                  }  
                }  
                .width('80%').height(30).onClick(() => {  
                  if (this.titleArray[index] != item) {  
                    this.titleArray[index] = item;  
                    if (index < cityData.length - 1) {  
                      this.titleArray.splice(index + 1)  
                      this.titleArray.push("请选择")  
                      this.arr.splice(index + 1)  
                      this.arr.push(cityData[index + 1])  
  
                      setTimeout(() => {  
                        this.controller.changeIndex(index + 1)  
                      }, 100);  
                    }  
                  }  
                })  
              }, (item: string) => item)  
            }.height("100%").width("100%")  
          }  
          .tabBar(this.titleArray[index])  
        }, (item: string) => item)  
      }  
      .vertical(false)  
      .scrollable(true)  
      .barMode(BarMode.Scrollable)  
      .barHeight(80)  
      .animationDuration(200)  
      .onChange((index: number) => {  
        console.info(index.toString())  
      })  
    }  
  }  
}