HarmonyOS 鸿蒙Next tabs组件的tabar一行最右侧添加固定位置的动画图标

可以参考一下https://gitee.com/harmonyos_samples/multi-tab-navigation，

下面是简易demo

1、tabs固定不滑动时，可参考demo

[@Entry](/user/Entry)

[@Component](/user/Component)

struct Index {

  [@State](/user/State) message: string = 'Hello World';

  tabList = ['首页','推荐','发现','我的','我的']

  [@State](/user/State) focusIndex: number = 0

  private controller: TabsController = new TabsController()

  [@Builder](/user/Builder)

  myTabBar(){

    Flex({justifyContent:FlexAlign.SpaceBetween,alignItems:ItemAlign.Center}){

      Flex(){

        ForEach(this.tabList,(tabBarTitle:string,index)=>{

          Column(){

            Text(tabBarTitle)

              .fontColor(this.focusIndex === index?'#00BFFF':'#333333')

          }

          .padding(5)

          .onClick(() => {

            this.controller.changeIndex(index)

            this.focusIndex = index

          })

        })

      }.width('88%')

      Image($r("app.media.startIcon"))

        .height(12)

        .width(12.5)

        .margin({right:15})

    }

  }

  build() {

    Column() {

      this.myTabBar()

      Column(){

        Tabs({controller: this.controller}) {

          ForEach(this.tabList,(item:string,index)=>{

            TabContent() {

              Text(`${item}的内容`).fontSize(30)

            }

          })

        }.barHeight(0)

        .onChange((index: number) => {

          this.focusIndex = index

        })

      }

    }

  }

}