鸿蒙Swiper替代Tabs初探

鸿蒙目前tabs组件tabContent+tabBar 能够使用的api有点差，太难用了，示例如下：

      Tabs({
     barPosition: BarPosition.Start ,index: this.currentTabIndex}) {
   
        LazyForEach(this.homeTabData, (tabData: TabData, index: number) => {
   
          TabContent() {
   
            if (tabData.type == 'edu_plan') {
   
              EduPlanFrag({
    tabData: tabData, fragIndex: index })
            } else if (tabData.type == 'edu_history') {
   
              PersonCenterFrag({
    tabData: tabData, fragIndex: index })
            } else {
   
              ComWaterfallFrag({
    tabData: tabData, fragIndex: index })
            }
          }
          .tabBar(this.tabBuilder(tabData, index))//tabBar只能接受builder或者直接写组件
        }, (tabData: TabData) => tabData.type)
      }
      //这里可以触发，但是tabContent和tabBar里面的组件都无法触发焦点事件
      .onFocus(()=>{
   
        this.isFocused = true
      })
      .onBlur(()=>{
   
        this.isFocused = false
      })
      .barWidth('auto')