#鸿蒙通关秘籍#鸿蒙开发的IDE提供了哪些工具来帮助我生成ArkTSDoc文档？

import { ITabContentItem, tabDatas } from '../model/tabsModel';
import { ContentPages } from '../viewmodel/ContentPages';

@Entry
@Component
struct Index {
    public @State message: string = 'Hello World';
    public @State currentIndex: number = 0;
    public @State currentTabData: ITabContentItem | undefined = undefined

    build() {
        RelativeContainer() {
            Tabs({ barPosition: BarPosition.End, index: this.currentIndex }) {
                ForEach(tabDatas, (tabData: ITabContentItem, index: number) => {
                    ContentPages({ tabContent: tabData, index: index, currentIndex: this.currentIndex })
                })
            }.onChange(index => {
                animateTo({
                    duration: 400
                }, () => {
                    this.currentIndex = index;
                })
            })
            // .animationDuration(100)
            .animationMode(AnimationMode.CONTENT_FIRST)
        }
        .height('100%')
        .width('100%')
        .backgroundColor((this.currentIndex == 0) ? $r('app.color.main_color') :
        $r('app.color.complementary_colors'))
        .padding({ bottom: 4 })
    }
}