更换 顶部tab 选中状态底部横线

@@ -299,12 +299,13 @@ export struct TopNavigationComponent {
         .fontColor(this.getFontColor(item, index))
         .fontColor(this.getFontColor(item, index))
         .padding({ top: $r('app.float.top_tab_item_padding_top') })
         .padding({ top: $r('app.float.top_tab_item_padding_top') })
         .maxLines(this.MAX_LINE)
         .maxLines(this.MAX_LINE)
-      Divider()
-        .width(16)
-        .strokeWidth(2)// 分割线粗细度。
-        .padding({ top: 2 })
-        .color(Color.Red)
-        .opacity(this.currentTopNavSelectedIndex === index ? 1 : 0)
+      if (this.currentTopNavSelectedIndex === index) {
+        Row()
+          .width(20)
+          .height(3)
+          .backgroundImage($r('app.media.icon_channel_active'), ImageRepeat.NoRepeat)
+      }
+
     }
     }
     .hoverEffect(HoverEffect.Highlight)
     .hoverEffect(HoverEffect.Highlight)
     .constraintSize({
     .constraintSize({