fanmingyou3_wd

顶导组件增加选中的底部页签

@@ -22,7 +22,7 @@ export struct TopNavigationComponent { @@ -22,7 +22,7 @@ export struct TopNavigationComponent {
22 TabContent() { 22 TabContent() {
23 PageComponent({ groupList: this.groupList }) 23 PageComponent({ groupList: this.groupList })
24 } 24 }
25 - .tabBar(this.TabBarBuilder(navItem, index)) 25 + .tabBar(this.tabBarBuilder(navItem, index))
26 }, (navItem: TopNavBean) => JSON.stringify(navItem)); 26 }, (navItem: TopNavBean) => JSON.stringify(navItem));
27 } 27 }
28 .barHeight($r('app.float.top_tab_bar_height')) 28 .barHeight($r('app.float.top_tab_bar_height'))
@@ -35,7 +35,7 @@ export struct TopNavigationComponent { @@ -35,7 +35,7 @@ export struct TopNavigationComponent {
35 } 35 }
36 36
37 @Builder 37 @Builder
38 - TabBarBuilder(item: TopNavBean, index: number) { 38 + tabBarBuilder(item: TopNavBean, index: number) {
39 Column() { 39 Column() {
40 Text(item.name) 40 Text(item.name)
41 .fontSize(this.curTabSelectedIndex === index ? $r('app.float.selected_text_size') : $r('app.float.normal_text_size')) 41 .fontSize(this.curTabSelectedIndex === index ? $r('app.float.selected_text_size') : $r('app.float.normal_text_size'))
@@ -43,6 +43,12 @@ export struct TopNavigationComponent { @@ -43,6 +43,12 @@ export struct TopNavigationComponent {
43 .fontColor(Color.Black) 43 .fontColor(Color.Black)
44 .padding({ top: $r('app.float.top_tab_item_padding_top') }) 44 .padding({ top: $r('app.float.top_tab_item_padding_top') })
45 .maxLines(this.MAX_LINE) 45 .maxLines(this.MAX_LINE)
  46 + Divider()
  47 + .width(16)
  48 + .strokeWidth(2) // 分割线粗细度。
  49 + .padding({top:2})
  50 + .color(Color.Red)
  51 + .opacity(this.curTabSelectedIndex === index ? 1 : 0)
46 } 52 }
47 .hoverEffect(HoverEffect.Highlight) 53 .hoverEffect(HoverEffect.Highlight)
48 .constraintSize({ 54 .constraintSize({