如何实现Tabs页签导航栏切换时，下划线也随之滑动

// xxx.ets 
@Entry 
@Component 
struct TabsAttr { 
  private controller: TabsController = new TabsController() 
  @State indicatorColor: Color = Color.Blue; 
  @State indicatorWidth: number = 40; 
  @State indicatorHeight: number = 10; 
  @State indicatorBorderRadius: number = 5; 
  @State indicatorSpace: number = 10; 
  @State subTabBorderRadius: number = 20; 
  @State selectedMode: SelectedMode = SelectedMode.INDICATOR; 
 
  build() { 
    Column() { 
      Tabs({ barPosition: BarPosition.End, controller: this.controller }) { 
        TabContent() { 
          Column().width('100%').height('100%').backgroundColor(Color.Pink).borderRadius('12vp') 
        }.tabBar(SubTabBarStyle.of('pink') 
          .indicator({ 
            color: this.indicatorColor, // 下划线颜色 
            height: this.indicatorHeight, // 下划线高度 
            width: this.indicatorWidth, // 下划线宽度 
            borderRadius: this.indicatorBorderRadius, // 下划线圆角半径 
            marginTop: this.indicatorSpace // 下划线与文字间距 
          }) 
          .selectedMode(this.selectedMode) 
          .board({ borderRadius: this.subTabBorderRadius }) 
          .labelStyle({}) 
        ) 
 
        TabContent() { 
          Column().width('100%').height('100%').backgroundColor(Color.Yellow).borderRadius('12vp') 
        }.tabBar('yellow') 
 
        TabContent() { 
          Column().width('100%').height('100%').backgroundColor(Color.Blue).borderRadius('12vp') 
        }.tabBar('blue') 
 
        TabContent() { 
          Column().width('100%').height('100%').backgroundColor(Color.Green).borderRadius('12vp') 
        }.tabBar('green') 
 
        TabContent() { 
          Column().width('100%').height('100%').backgroundColor(Color.Gray).borderRadius('12vp') 
        }.tabBar('gray') 
 
        TabContent() { 
          Column().width('100%').height('100%').backgroundColor(Color.Orange).borderRadius('12vp') 
        }.tabBar('orange') 
      } 
      .vertical(false) 
      .scrollable(true) 
      .fadingEdge(false) 
      .barMode(BarMode.Scrollable) 
      .barHeight(140) 
      .animationDuration(400) 
      .onChange((index: number) => { 
        console.info(index.toString()) 
      }) 
      .backgroundColor(0xF5F5F5) 
      .height(320) 
    }.width('100%').height(250).padding({ top: '24vp', left: '24vp', right: '24vp' }) 
  } 
}
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.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.